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

var items = [
  [1, 2],
  [3, 4],
  [5, 6]
];
console.log(items[0][0]); // 1
console.log(items[0][1]); // 2
console.log(items[1][0]); // 3
console.log(items[1][1]); // 4
console.log(items);

Answer 2

Sie machen einfach jedes Element innerhalb des Arrays zu einem Array.

var x = new Array(10);

for (var i = 0; i < x.length; i++) {
  x[i] = new Array(3);
}

console.log(x);

Answer 3

Ähnlich wie die Antwort von activa ist hier eine Funktion zur Erstellung eines n-dimensionalen Arrays:

function createArray(length) {
    var arr = new Array(length || 0),
        i = length;

    if (arguments.length > 1) {
        var args = Array.prototype.slice.call(arguments, 1);
        while(i--) arr[length-1 - i] = createArray.apply(this, args);
    }

    return arr;
}

createArray();     // [] or new Array()

createArray(2);    // new Array(2)

createArray(3, 2); // [new Array(2),
                   //  new Array(2),
                   //  new Array(2)]

Answer 4

Erstellen eines leeren zweidimensionalen Arrays (einzeilig)

Array.from(Array(2), () => new Array(4))

2 und 4 sind die erste bzw. zweite Dimension.

Wir machen Gebrauch von Array.from die einen array-ähnlichen Parameter und eine optionale Zuordnung für jedes der Elemente annehmen kann.

Array.from(arrayLike[, mapFn[, thisArg]])

var arr = Array.from(Array(2), () => new Array(4));
arr[0][0] = 'foo';
console.info(arr);

Derselbe Trick kann verwendet werden, um Erstellen Sie ein JavaScript-Array mit 1...N

---

Alternativ (aber ineffizienter 12% mit n = 10,000 )

Array(2).fill(null).map(() => Array(4))

Der Leistungsabfall ist darauf zurückzuführen, dass die ersten Dimensionswerte initialisiert werden müssen, um die .map . Denken Sie daran, dass Array wird die Positionen erst dann zuweisen, wenn Sie dies über .fill oder direkte Wertzuweisung.

var arr = Array(2).fill(null).map(() => Array(4));
arr[0][0] = 'foo';
console.info(arr);

---

Weiterverfolgung

Hier ist eine Methode, die korrekt zu sein scheint, hat aber Probleme .

 Array(2).fill(Array(4)); // BAD! Rows are copied by reference

Es liefert zwar das scheinbar gewünschte zweidimensionale Array ( [ [ <4 empty items> ], [ <4 empty items> ] ] ), gibt es einen Haken: Die Arrays der ersten Dimension wurden per Referenz kopiert. Das bedeutet, dass ein arr[0][0] = 'foo' würde tatsächlich zwei Zeilen statt einer ändern.

var arr = Array(2).fill(Array(4));
arr[0][0] = 'foo';
console.info(arr);
console.info(arr[0][0], arr[1][0]);

Answer 5

Javascript hat nur 1-dimensionalen Arrays, aber Sie können Arrays von Arrays bauen, wie andere darauf hingewiesen.

Die folgende Funktion kann verwendet werden, um ein 2-D-Array mit festen Abmessungen zu erstellen:

function Create2DArray(rows) {
  var arr = [];

  for (var i=0;i<rows;i++) {
     arr[i] = [];
  }

  return arr;
}

Die Anzahl der Spalten ist nicht wirklich wichtig, da es nicht erforderlich ist, die Größe eines Arrays vor dessen Verwendung anzugeben.

Dann können Sie einfach anrufen:

var arr = Create2DArray(100);

arr[50][2] = 5;
arr[70][5] = 7454;
// ...