Wie kann ich ein zweidimensionales Array in JavaScript erstellen?

Question

Ich habe im Internet nachgelesen, und an einigen Stellen heißt es, es sei nicht möglich, an anderen wird ein Beispiel genannt, und wieder andere widerlegen das Beispiel usw.

1. Wie deklariere ich ein 2-dimensionales Array in JavaScript? (vorausgesetzt, es ist möglich)

2. Wie kann ich auf die Mitglieder zugreifen? ( myArray[0][1] o myArray[0,1] ?)

Answer 1

Javascript unterstützt keine zweidimensionalen Arrays, stattdessen speichern wir ein Array innerhalb eines anderen Arrays und holen die Daten aus diesem Array, je nachdem, auf welche Position des Arrays Sie zugreifen möchten. Denken Sie daran, dass die Array-Nummerierung bei ZERO .

Code-Beispiel:

/* Two dimensional array that's 5 x 5 

       C0 C1 C2 C3 C4 
    R0[1][1][1][1][1] 
    R1[1][1][1][1][1] 
    R2[1][1][1][1][1] 
    R3[1][1][1][1][1] 
    R4[1][1][1][1][1] 
*/

var row0 = [1,1,1,1,1],
    row1 = [1,1,1,1,1],
    row2 = [1,1,1,1,1],
    row3 = [1,1,1,1,1],
    row4 = [1,1,1,1,1];

var table = [row0,row1,row2,row3,row4];
console.log(table[0][0]); // Get the first item in the array

Answer 2

One liner, um ein m*n 2-dimensionales Array zu erstellen, das mit 0 gefüllt ist.

new Array(m).fill(new Array(n).fill(0));

Answer 3

Sie könnten ein Array von Zeilen zuweisen, wobei jede Zeile ein Array der gleichen Länge ist. Oder Sie könnten ein eindimensionales Array mit Zeilen*Spalten-Elementen zuweisen und Methoden definieren, um Zeilen-/Spaltenkoordinaten auf Elementindizes abzubilden.

Unabhängig davon, für welche Implementierung Sie sich entscheiden, können Sie die Zugriffsmethoden in einem Prototyp definieren, um die Verwendung der API zu vereinfachen, wenn Sie sie in ein Objekt verpacken.

Answer 4

Ich bin kein Fan der ES6-Lösungen mit .fill() . Einige davon mögen funktionieren, aber der zusätzliche Aufwand zur Vermeidung von Copy-by-Reference-Problemen macht sie nicht intuitiv.

Mein vorgeschlagener ES6-Ansatz ist es, den Spread-Operator sowohl für äußere als auch für innere Arrays vollständig zu nutzen. Es ist einfacher, über IMO zu argumentieren.

[...Array(3)].map(() => [...Array(4)])

Wenn Sie einen Anfangswert festlegen müssen, dann verketten Sie eine .map() bei der Erstellung des inneren Arrays:

[...Array(3)].map(() => [...Array(4)].map(() => 0))

Und schließlich eine typsichere TypeScript util-Funktion:

export const createMultiDimensionalArray = <T>(
  n: number,
  m: number,
  initialVal?: T,
): T[][] => {
  const matrix = [...Array(n)].map(() => [...Array(m)]);
  return initialVal === undefined
    ? matrix
    : matrix.map(r => r.map(() => initialVal));
};

Beispiele:

const a = createMultiDimensionalArray(1, 2);
a[1][2] = 3;     // Works

const b = createMultiDimensionalArray(2, 3, false);
b[1][2] = true;  // Works
b[1][2] = 3;     // Error: Type '3' is not assignable to type 'boolean'.

Answer 5

Das globale Objekt Array verwenden und Elemente mit Arrays füllen:

let arr = new Array(5).fill([]);

ou wenn das 2d-Array eine bekannte Länge hat:

let arr = new Array(5).fill(new Array(2));