matrice 3D avec les coordonnées en javascript

Question

Je suis en train de créer une matrice 3d en javascript, et je veux mettre à jour ses valeurs en utilisant ses coordonnées:

var xAxis = []; 
var yAxis = []; 
var ZAxis = []; 
var dimensions = 4; 

//initalize matrix 

for (var i=0;i<dimensions;i++){ 
    xAxis.push(0); 
} 
for (var j=0;j<dimensions;j++){ 
    yAxis.push(xAxis); 
} 
for (var k=0;k<dimensions;k++){ 
    matrix.push(yAxis); 
} 

//check value of one point in the matrix 
matrix[1][2][3]; //returns 0 as expected 
//update value of matrix using same coordinates 
matrix[1][2][3] = 2; 

Quand je lance la dernière étape, il non seulement mettre à jour mon prévu 1 [2] [3] coordonne, mais il met également à jour chaque troisième valeur de chaque tableau à 2 comme vous le verrez dans l'image:

Comment puis-je gérer la mise à jour seule la valeur ce que je veux?? Je veux dire, le nombre 2 ne devrait être que dans un point de coordonnées, dans ce cas 1 [2] [3].

Note: Je pense que ça a quelque chose à faire, il pourrait être assignant les tableaux originaux dans la matrice au lieu de nouvelles copies d'eux-mêmes, alors quand je mets à jour une coordonnée, je suis réellement mettre à jour le tableau original, et les autres tableaux ne font que pointer sur l'original, alors c'est pour ça que ça se reflète là aussi?

Answer 1

Vous poussez des ensembles par référence.

la création de votre matrice Tenir compte de cette façon:

var matrix = [0, 1, 2, 3].map(function() { 
    return new Array(4).fill().map(function(){ 
     return new Array(4).fill(0); 
    }); 
}); 

Answer 2

Vous n'êtes pas en train de créer des copies si votre tableau, mais passer des références.

Vous pouvez utiliser une fonction pour créer n dim matrices

var createMatrix = function(dimensions, level) { 
    if (level === undefined) { 
    level = dimensions - 1 
    } 
    var arr = []; 
    for (var j = 0; j < dimensions; j++){ 
     arr[j] = level === 0 ? 0 : createMatrix(dimensions, level-1) 
    } 
    } 
    return arr 
} 

var matrix = createMatrix(3) 

https://tonicdev.com/lipp/matrix