Estoy tratando de crear un objeto generativo, lleno de matrices (todas 0).
//declaration of the data object var data = {} //initiate to fill data with keys and arrays function init() { var pos = Array.apply(null,Array(16)).map(Number.prototype.valueOf,0); //creates empty array filled with 0 for(var i = 0; i < 16; i++) { data[i] = pos; } } init(); console.log(data);Esto me daría datos llenos de claves de 0 a 2 y cada clave tiene una matriz llena de 0;
{ '0': [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], '1': [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], '2': [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ] }Ahora, cuando trato de modificar una matriz específica como esta:
data[0][1] = 1;entonces el resultado imprimirá que todas las matrices en todas las claves han sido modificadas...
{ '0': [ 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], '1': [ 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], '2': [ 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ] }Esto no tiene sentido para mí porque quería modificar solo la primera matriz con la clave 0... Si creo todo el objeto manualmente, el cambio funcionará bien, pero si lo hago de esta manera (generativa), obtengo este extraño insecto. ¿Algunas ideas?
Es porque cada clave en los data hace referencia a la misma matriz. La matriz es un objeto. Cuando asigna un objeto a alguna variable, o lo pasa como argumento, simplemente lo pasa como referencia.
Para hacer que su código funcione correctamente como lo desea, debe generar una nueva matriz cada vez que desee asignarla a alguna clave en los datos.
const data = {}; for (let i = 0; i < 16; i++) { data[i] = new Array(16).fill(0); }