Aquí estoy tratando de convertir una matriz de matriz en una matriz de objeto .
A continuación se muestra mi código:
let arr = [["a",12],["b",15],["c",10],["d",19],["e",20]] let resArr = [] let resObj = {} arr.map(( ele,index ) => { resObj.label = ele[0] resObj.value = ele[1] resArr[index] = resObj })
y obtengo resultados como -
resObj = [{label:"e",value:12}, {label:"e",value:12}, {label:"e",value:12}, {label:"e",value:12}, {label:"e",value:12}]
El último contenido de la matriz se copia en todo el objeto.
La salida debe ser -
resObj = [{label:"a",value:12}, {label:"b",value:15}, {label:"c",value:10}, {label:"d",value:19}, {label:"e",value:20}]
Por favor, ayúdame. Gracias de antemano. Por favor, mencione cuál es el error en mi código.
Por favor comente, ¿cómo debo editar esta pregunta para que sea votada?
Debe crear resObj
dentro de la devolución de llamada del map
; de lo contrario, está modificando el mismo objeto en cada iteración. Además, debe devolver directamente resObj
en la devolución de llamada y usar el resultado de map
como la matriz de resultados, ya que Array#map
devuelve una matriz creada por los valores devueltos de la devolución de llamada después de llamar a cada elemento de la matriz original.
let arr = [["a",12],["b",15],["c",10],["d",19],["e",20]] let resArr = arr.map(( ele,index ) => { let resObj = {} resObj.label = ele[0] resObj.value = ele[1] return resObj; }); console.log(resArr);
Para una solución más simple, puede usar nombres de propiedad abreviados y desestructurados.
let arr = [["a",12],["b",15],["c",10],["d",19],["e",20]] let resArr = arr.map(([label, value]) => ({label, value})); console.log(resArr);
El problema se produce al hacer referencia y cambiar el mismo objeto una y otra vez. Debe crear el objeto dentro de su mapa () para evitar eso. Por cierto, puedes usar una versión más corta como esta:
let arr = [ ["a", 12], ["b", 15], ["c", 10], ["d", 19], ["e", 20] ]; let resArr = arr.map(ele => { return { label: ele[0], value: ele[1] } }); console.log(resArr);