Für in Javascript Array 3d

Question

Ich möchte ein Array 3d mit Nullen in allen Positionen initialisieren. Ich verwende ein for cycle meine Matrix zum Füllen, aber wenn ich getestet, bekomme ich einen Fehler TypeError: this.matrix[x][y] is undefined ich diese:

class Cube { 

    constructor(size) { 
     this.size = size 
     this.matrix = [ [ [] ], [ [] ] ] 
     this.createMatrix(size) 
    } 

    getsize() { 
     return this.size 
    } 

    /*Fill matrix with zeros*/ 
    createMatrix(size) { 
     for (var x = 0; x < size; x++) { 
      for (var y = 0; y < size ; y++) { 
       for (var z = 0; z < size ; z++) { 
        this.matrix[x][y][z] = 0 
       } 
      } 
     } 
     console.log(this.matrix) 
    } 
} 

myCube = new Cube(4) 

Wie kann ich meine Matrix füllen?

Answer 1

Sie haben jedes Element im Array zu prüfen, ob es noch nicht initialisiert wurde, und in einem solchen Fall werden Sie es zu Array festlegen müssen:

class Cube { 
 

 
    constructor(size) { 
 
    this.size = size 
 
    this.matrix = [ ] 
 
    this.createMatrix(size) 
 
    } 
 

 
    getsize() { 
 
    return this.size 
 
    } 
 

 
    /*Fill matrix with zeros*/ 
 
    createMatrix(size) { 
 
    for (var x = 0; x < size; x++) { 
 
     for (var y = 0; y < size ; y++) { 
 
     for (var z = 0; z < size ; z++) { 
 
      if (!Array.isArray(this.matrix[x])) { 
 
      this.matrix[x] = [] 
 
      } 
 
      if (!Array.isArray(this.matrix[x][y])) { 
 
      this.matrix[x][y] = [] 
 
      } 
 
      if (!Array.isArray(this.matrix[x][y][z])) { 
 
      this.matrix[x][y][z]= [] 
 
      } 
 
      this.matrix[x][y][z] = 0 
 
     } 
 
     } 
 
    } 
 
    console.log(this.matrix) 
 
    } 
 
} 
 

 
myCube = new Cube(4)

Answer 2

Das liegt daran, dass Sie jedes einzelne Array initialisieren müssen. Denken Sie daran: Ein 3D-Array ist ein Array von Arraysvon Arrays.

function threeDArray(width, height, depth) { 
 
    var result = []; 
 
    for (var x = 0; x < width; x++) { 
 
    result[x] = []; 
 
    for (var y = 0; y < height; y++) { 
 
     result[x][y] = []; 
 
     for (var z = 0; z < depth; z++) { 
 
     result[x][y][z] = 0; 
 
     } 
 
    } 
 
    } 
 
    return result; 
 
} 
 

 
console.log(threeDArray(3, 3, 3));

Answer 3

Sie können Array.from({ length: n }) verwenden, um zu erstellen leere Arrays von n Länge, und füllen sie mit Nullen die fill() Methode:

const emptyArray = n => Array.from({ length: n }); 
 

 
const createMatrix = n => emptyArray(n).map(() => 
 
    emptyArray(n).map(() => emptyArray(n).fill(0)) 
 
); 
 

 
console.log(createMatrix(4));