Heim Web-Frontend Front-End-Fragen und Antworten So geben Sie ein zweidimensionales Array in Javascript ein (auf zwei Arten)

So geben Sie ein zweidimensionales Array in Javascript ein (auf zwei Arten)

Apr 21, 2023 am 09:13 AM

Beim Schreiben von Programmen mit Javascript sind zweidimensionale Arrays bei der Verarbeitung von Matrizen, Tabellen und anderen Daten weit verbreitet. Daher ist es sehr wichtig, die korrekte Eingabe zweidimensionaler Arrays zu beherrschen.

In Javascript bezieht sich ein zweidimensionales Array normalerweise auf ein Array, das aus Array-Elementen besteht. Mit anderen Worten: Jedes Element eines Arrays ist ein Array. Bei der Eingabe eines zweidimensionalen Arrays können wir die folgenden zwei Methoden verwenden.

Erster Weg: Verwendung verschachtelter Arrays

Durch die Verschachtelung von Arrays können wir problemlos ein zweidimensionales Array eingeben. Hier ist ein Beispielcode für die Eingabe eines 2D-Arrays mithilfe verschachtelter Arrays:

var arr = [[1,2,3],[4,5,6],[7,8,9]];
Nach dem Login kopieren

Dadurch wird ein 2D-Array der Größe 3x3 erstellt, wobei jedes Element ein Array aus 3 Elementen ist.

Wir können bei Bedarf auch Elemente im zweidimensionalen Array hinzufügen oder löschen. Wenn Sie beispielsweise die Elemente der zweiten Zeile in [10,11,12] ändern möchten, können Sie den Code wie folgt ändern:

var arr = [[1,2,3],[10,11,12],[7,8,9]];
Nach dem Login kopieren

Wenn Sie das dritte Element löschen möchten, können Sie den Code ebenfalls in ändern :

var arr = [[1,2,3],[4,5,6],[8,9]];
Nach dem Login kopieren

Zweiter Weg: Schleifeneingabe verwenden

Wenn wir ein zweidimensionales Array dynamisch eingeben müssen oder das zweidimensionale Array im Code berechnen oder ändern möchten, können wir das zweidimensionale Array in eine Schleife eingeben . Hier ist ein Beispielcode, der eine Schleife zur Eingabe eines 2D-Arrays verwendet:

var arr = new Array(3);   // 创建一个大小为3的一维数组
for(var i=0;i<arr.length;i++) {
    arr[i] = new Array(3);  // 对于每个元素,创建一个大小为3的一维数组
    for(var j=0;j<arr[i].length;j++) {
        arr[i][j] = i*3+j+1;   // 输入每个元素的值
    }
}
Nach dem Login kopieren

Dadurch wird ein 2D-Array der Größe 3x3 erstellt, in dem der Wert jedes Elements aus i und j berechnet wird. In diesem Beispiel verwenden wir zwei Schleifen, um die Elemente eines 2D-Arrays einzugeben. Die äußere Schleife durchläuft das eindimensionale Array und die innere Schleife durchläuft die Elemente in jedem eindimensionalen Array-Element.

Wenn wir die Schleifenmethode zur Eingabe eines zweidimensionalen Arrays verwenden, können wir diese frei nach unseren eigenen Bedürfnissen kombinieren. Wenn Sie beispielsweise den Code ändern möchten, um ein zweidimensionales Array der Größe 4x2 einzugeben, können Sie den Code wie folgt ändern:

var arr = new Array(4);    // 创建一个大小为4的一维数组
for(var i=0;i<arr.length;i++) {
    arr[i] = new Array(2);    // 对于每个元素,创建一个大小为2的一维数组
    for(var j=0;j<arr[i].length;j++) {
        arr[i][j] = i*2+j+1;    // 输入每个元素的值
    }
}
Nach dem Login kopieren

Zusammenfassung

In der Javascript-Programmierung sind zweidimensionale Arrays ein sehr wichtiger Datentyp, der dies kann Zum Verarbeiten mehrdimensionaler Daten wie Matrizen und Tabellen. Bei der Eingabe eines zweidimensionalen Arrays können wir verschachtelte Arrays oder Schleifen zur Eingabe verwenden. In jedem Fall erleichtert die Beherrschung der richtigen Eingabemethode die Verarbeitung und Änderung zweidimensionaler Arrays.

Das obige ist der detaillierte Inhalt vonSo geben Sie ein zweidimensionales Array in Javascript ein (auf zwei Arten). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Erklären Sie das Konzept des faulen Ladens. Erklären Sie das Konzept des faulen Ladens. Mar 13, 2025 pm 07:47 PM

Erklären Sie das Konzept des faulen Ladens.

Was ist Useffizität? Wie verwenden Sie es, um Nebenwirkungen auszuführen? Was ist Useffizität? Wie verwenden Sie es, um Nebenwirkungen auszuführen? Mar 19, 2025 pm 03:58 PM

Was ist Useffizität? Wie verwenden Sie es, um Nebenwirkungen auszuführen?

Was sind Funktionen höherer Ordnung in JavaScript und wie können sie verwendet werden, um prägnanter und wiederverwendbarer Code zu schreiben? Was sind Funktionen höherer Ordnung in JavaScript und wie können sie verwendet werden, um prägnanter und wiederverwendbarer Code zu schreiben? Mar 18, 2025 pm 01:44 PM

Was sind Funktionen höherer Ordnung in JavaScript und wie können sie verwendet werden, um prägnanter und wiederverwendbarer Code zu schreiben?

Wie funktioniert das Currying in JavaScript und wie hoch sind ihre Vorteile? Wie funktioniert das Currying in JavaScript und wie hoch sind ihre Vorteile? Mar 18, 2025 pm 01:45 PM

Wie funktioniert das Currying in JavaScript und wie hoch sind ihre Vorteile?

Wie funktioniert der React -Versöhnungsalgorithmus? Wie funktioniert der React -Versöhnungsalgorithmus? Mar 18, 2025 pm 01:58 PM

Wie funktioniert der React -Versöhnungsalgorithmus?

Was ist usecontext? Wie verwenden Sie es, um den Zustand zwischen Komponenten zu teilen? Was ist usecontext? Wie verwenden Sie es, um den Zustand zwischen Komponenten zu teilen? Mar 19, 2025 pm 03:59 PM

Was ist usecontext? Wie verwenden Sie es, um den Zustand zwischen Komponenten zu teilen?

Wie verhindern Sie das Standardverhalten bei Ereignishandlern? Wie verhindern Sie das Standardverhalten bei Ereignishandlern? Mar 19, 2025 pm 04:10 PM

Wie verhindern Sie das Standardverhalten bei Ereignishandlern?

Was sind die Vor- und Nachteile kontrollierter und unkontrollierter Komponenten? Was sind die Vor- und Nachteile kontrollierter und unkontrollierter Komponenten? Mar 19, 2025 pm 04:16 PM

Was sind die Vor- und Nachteile kontrollierter und unkontrollierter Komponenten?

See all articles