javascript - matrices concat con forEach

arrays

Question

Tengo dos matrices que se componen de 20 matrices de objetos. Me gusta esto:

var array1 = [
[
{''x'':0,''y'':0},
{''x'':0,''y'':0}
],
[
{''x'':1,''y'':1},
{''x'':1,''y'':1}
],
...
[
{''x'':19,''y'':19},
{''x'':19,''y'':19}
]
];
var array2 = [
[
{''x'':0,''y'':0},
{''x'':0,''y'':0}
],
[
{''x'':1,''y'':1},
{''x'':1,''y'':1}
],
...
[
{''x'':19,''y'':19},
{''x'':19,''y'':19}
]
];

Quiero que el resultado final sea:

[
[
{''x'':0,''y'':0},
{''x'':0,''y'':0},
{''x'':0,''y'':0},
{''x'':0,''y'':0}
],
...
];

Así que adjunto dos elementos en cada matriz, lo que significa que cada matriz debería contener cuatro objetos ahora.

Lo que probé fue:

 var array3 = array1;
array3.forEach(function(item,i) {
item.concat(array2[i])
})

Pero no se agregó nada

Pregunta

¿Existe un enfoque menos minucioso para los artículos de concat de forma iterativa?

Answer 1

¿Qué tal esto?

var array3 = array1.map((a, idx) => [...a, ...array2[idx]] )

Answer 2

Esta es una operación "zip" bastante típica, que se puede lograr usando el map .

var array1 = [
[
{''x'':0,''y'':0},
{''x'':0,''y'':0}
],
[
{''x'':1,''y'':1},
{''x'':1,''y'':1}
],
[
{''x'':19,''y'':19},
{''x'':19,''y'':19}
]
];
var array2 = [
[
{''x'':0,''y'':0},
{''x'':0,''y'':0}
],
[
{''x'':1,''y'':1},
{''x'':1,''y'':1}
],
[
{''x'':19,''y'':19},
{''x'':19,''y'':19}
]
];
var result = array1.map( (item,i) => item.concat(array2[i]));
console.log(result);

Answer 3

Si asigna var array3 = array1 y array3 , también cambiará array1 porque ambos hacen referencia a la misma matriz.

Puede map la primera matriz y concat cada matriz interna en función de la array2 basada en el índice

const array3 = array1.map((o, i) => o.concat(array2[i]))

o en ES5:

var array3 = array1.map(function(o, i) {
return o.concat(array2[i])
})

const array1=[[{x:0,y:0},{x:0,y:0}],[{x:1,y:1},{x:1,y:1}],[{x:19,y:19},{x:19,y:19}]],
array2=[[{x:0,y:0},{x:0,y:0}],[{x:1,y:1},{x:1,y:1}],[{x:19,y:19},{x:19,y:19}]];
const array3 = array1.map((o, i) => o.concat(array2[i]))
console.log(array3)

Answer 4

Array.concat() no está mutando la matriz original, lo que significa que crea una nueva instancia de matriz.

Por lo tanto, debe asignar una matriz concatenada al valor original.

 var array3 = array1;
// If you don''t want to mutate ''array1, use spread operator like following:
// var array3 = [...array1];
array3.forEach(function(item,i) {
array3[i] = item.concat(array2[i])
})