Tengo una matriz como esta:
{ "1596": [ { "divisionCategoryID_PK": 1596, "name": "metropolitan region", "iso6393Char3Code": "eng", }, { "divisionCategoryID_PK": 1597, "name": "région métropolitaine", "iso6393Char3Code": "fra", } ], "1597": [ { "divisionCategoryID_PK": 1598, "name": "metropolitan department", "iso6393Char3Code": "eng", }, { "divisionCategoryID_PK": 1599, "name": "département métropolitain", "iso6393Char3Code": "fra", } ], .....and so on... }Nota: Lo anterior es un ejemplo abreviado para esta pregunta (hay más de 100 elementos en la matriz).
Quiero crear un menú desplegable donde los usuarios puedan seleccionar un elemento de la matriz. Solo quiero mostrar la versión en inglés de estos elementos ( eng ) y, por lo tanto, los únicos elementos que pueden seleccionar serían así (las identificaciones de cada elemento deberían estar disponibles para el valor de las opciones).
Estructura de salida requerida:
[ { divisionCategoryID_PK, name, iso6393Char3Code }, { divisionCategoryID_PK, name, iso6393Char3Code }, ...so on.. ] Puedo hacer la entrada del formulario, solo necesito ayuda para crear la lista de opciones para el elemento de menú seleccionado. ¿Cómo creo la nueva matriz cuando hay una propiedad de "nivel superior" encima (es decir, 1596 , etc.)? La parte de 1596 , 1597 me está desconcertando. Espero que mi pregunta tenga sentido.
Lógica.
iso6393Char3Code como eng . (Ha generado la matriz de salida aquí).name en esta matriz const data = { "1596": [ { "divisionCategoryID_PK": 1596, "name": "metropolitan region", "iso6393Char3Code": "eng", }, { "divisionCategoryID_PK": 1597, "name": "région métropolitaine", "iso6393Char3Code": "fra", } ], "1597": [ { "divisionCategoryID_PK": 1598, "name": "metropolitan department", "iso6393Char3Code": "eng", }, { "divisionCategoryID_PK": 1599, "name": "département métropolitain", "iso6393Char3Code": "fra", } ], }; const objects = Object.values(data).flat().filter(item => item.iso6393Char3Code === "eng") console.log(objects); const names = objects.map(item => item.name); console.log(names); const obj = { 1596: [ { divisionCategoryID_PK: 1596, name: 'metropolitan region', iso6393Char3Code: 'eng', }, { divisionCategoryID_PK: 1597, name: 'région métropolitaine', iso6393Char3Code: 'fra', }, ], 1597: [ { divisionCategoryID_PK: 1598, name: 'metropolitan department', iso6393Char3Code: 'eng', }, { divisionCategoryID_PK: 1599, name: 'département métropolitain', iso6393Char3Code: 'fra', }, ], }; const format = (obj) => { const arr = []; for (const ob of Object.values(obj).flat()) { if (ob.iso6393Char3Code === 'eng') arr.push(ob); } return arr; }; console.log(format(obj));Prueba de esta manera:
const yearsData = { "1596": [{ "divisionCategoryID_PK": 1596, "name": "metropolitan region", "iso6393Char3Code": "eng", }, { "divisionCategoryID_PK": 1597, "name": "région métropolitaine", "iso6393Char3Code": "fra", } ], "1597": [{ "divisionCategoryID_PK": 1598, "name": "metropolitan department", "iso6393Char3Code": "eng", }, { "divisionCategoryID_PK": 1599, "name": "département métropolitain", "iso6393Char3Code": "fra", } ] }; const formattedData = Object.keys(yearsData).reduce((result, year) => { result.push(yearsData[year].filter(data => data.iso6393Char3Code === 'eng')[0]); return result; }, []); console.log(formattedData);