Tengo esta matriz y matriz de objetos en mi código React:
var A = [ {id: 1, name: "han"}, {id: 2, name: "mohd"}, ] var B = [100, 200];y quiero agregar B a A, para que la salida sea algo como esto:
var A = [ {id: 1, name: "han", score: "100"}, {id: 2, name: "mohd", score: "200}, ]Intenté hacerlo con el siguiente código:
var newArray = []; for (let k = 0; k < A.length; k++) { newArray = B.map(score => ({...A[k], score})); } return newArray;Sin embargo, el código anterior devuelve este resultado cuando se registra en la consola:
newArray = [ {id: 2, name: "mohd", score: "100"}, {id: 2, name: "mohd", score: "200}, ]Solo agrega los elementos al último objeto, en lugar de a todos los objetos. Alguien sabe lo que está mal con mi código? ¡Gracias!
Si va a usar el map , tampoco necesita un bucle, ya que el map iterará sobre la matriz de objetos y devolverá una nueva matriz con nuevos objetos que contengan la propiedad de score .
Use el segundo parámetro de la devolución de llamada, el índice , para identificar qué elemento de b debemos agregar como puntaje.
const a = [ {id: 1, name: 'han'}, {id: 2, name: 'mohd'}, ]; const b = [100, 200]; // `map` over `a` making sure we get the object // in each iteration as well as its index const out = a.map((obj, i) => { // Create a new object adding in the // new `score` property using the element in `b` // that matches the index return { ...obj, score: b[i] }; }); console.log(out);Prueba algo como esto
const C = A.map((value, idx) =>({ ...value, score: B[idx], })); console.log(C)Si la longitud de ambos arreglos será la misma, use este método
var A = [ {id: 1, name: "han"}, {id: 2, name: "mohd"}, ] var B = [100, 200]; console.log(A.map((x,i)=> {return { ...x, score:B[i] } } ))Si no está seguro de usar esto, por ejemplo.
var A = [ {id: 1, name: "han"}, {id: 2, name: "mohd"}, {id: 2, name: "mohd"}, ] var B = [100, 200]; console.log(A.map((x,i)=> {return { ...x, score:!B[i]?0:B[i] } } ))