Heim Web-Frontend js-Tutorial Beispiele für gängige Methoden zur Array-Traversierung in JS

Beispiele für gängige Methoden zur Array-Traversierung in JS

Mar 14, 2018 pm 06:47 PM
javascript 实例 方法

In diesem Artikel werden hauptsächlich Beispiele für gängige Methoden zum Durchlaufen von Arrays in JS vorgestellt. In diesem Artikel werden drei Methoden vorgestellt. Ich hoffe, er kann Ihnen helfen.

Der erste Typ: for-Schleife

1

for(var i=0 , len= arr.length ; i<len ; i++){  代码块 }

Nach dem Login kopieren

Der zweite Typ: forEach

1

2

3

4

5

6

var arr=[12,14,15,17,18];

var res=arr.forEach(function(item,index,input){

   input[index]=item*10;

});

console.log(res);     //undefined

console.log(arr);     //会对原来的数组产生改变

Nach dem Login kopieren

Parameterbeschreibung: item: das aktuelle Element im Array

                                                                                                                     ​Das ursprüngliche Array ändert sich auch nicht, da sich der Infud-Wert nicht geändert hat)

Andere Beschreibungen: Diese der anonymen Funktion zeigt auf Windows

Wenn das Array Wird in der anonymen Funktion geändert, wird es in das ursprüngliche Array geändert

1

2

3

4

5

6

var arr=[12,14,15,17,18];

var res=arr.forEach(function(item,index,input){

   return item*10;

});

console.log(res);     //undefined

console.log(arr);     //[12,14,15,17,18]没变

Nach dem Login kopieren
Dritter Typ: Karte


Parameterbeschreibung: item: das aktuelle Element im Array

Index: der Index des aktuellen Elements

1

2

3

4

5

6

var arr=[12,14,15,17,18];

var res=arr.map(function(item,index,input){

    return item*10;

});

console.log(res);    //[120,140,150,170,180]

console.log(arr);    //[12,14,15,17,18]

Nach dem Login kopieren
Eingabe: Original-Array-Eingabe

Wichtiger Hinweis: Es gibt einen Rückgabewert (wenn kein Rückgabewert angegeben ist, ist res undefiniert, aber res ist tatsächlich ein Array. Solange die Eingabe geändert wird, ändert sich das ursprüngliche Array)


Andere Anweisungen: Diese der anonymen Funktion zeigt auf Windows

Wenn das Array in der anonymen Funktion geändert wird, wird es in das ursprüngliche Array geändert

Das obige ist der detaillierte Inhalt vonBeispiele für gängige Methoden zur Array-Traversierung in JS. 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)

So schreiben Sie einen Roman in der Tomato Free Novel-App. Teilen Sie das Tutorial zum Schreiben eines Romans in der Tomato Novel-App So schreiben Sie einen Roman in der Tomato Free Novel-App. Teilen Sie das Tutorial zum Schreiben eines Romans in der Tomato Novel-App Mar 28, 2024 pm 12:50 PM

So schreiben Sie einen Roman in der Tomato Free Novel-App. Teilen Sie das Tutorial zum Schreiben eines Romans in der Tomato Novel-App

Wie rufe ich das BIOS auf dem Colorful-Motherboard auf? Bringen Sie Ihnen zwei Methoden bei Wie rufe ich das BIOS auf dem Colorful-Motherboard auf? Bringen Sie Ihnen zwei Methoden bei Mar 13, 2024 pm 06:01 PM

Wie rufe ich das BIOS auf dem Colorful-Motherboard auf? Bringen Sie Ihnen zwei Methoden bei

So stellen Sie gelöschte Kontakte auf WeChat wieder her (ein einfaches Tutorial erklärt Ihnen, wie Sie gelöschte Kontakte wiederherstellen) So stellen Sie gelöschte Kontakte auf WeChat wieder her (ein einfaches Tutorial erklärt Ihnen, wie Sie gelöschte Kontakte wiederherstellen) May 01, 2024 pm 12:01 PM

So stellen Sie gelöschte Kontakte auf WeChat wieder her (ein einfaches Tutorial erklärt Ihnen, wie Sie gelöschte Kontakte wiederherstellen)

Zusammenfassung der Methoden zum Erhalten von Administratorrechten in Win11 Zusammenfassung der Methoden zum Erhalten von Administratorrechten in Win11 Mar 09, 2024 am 08:45 AM

Zusammenfassung der Methoden zum Erhalten von Administratorrechten in Win11

Schneller Meister: So eröffnen Sie zwei WeChat-Konten auf Huawei-Handys! Schneller Meister: So eröffnen Sie zwei WeChat-Konten auf Huawei-Handys! Mar 23, 2024 am 10:42 AM

Schneller Meister: So eröffnen Sie zwei WeChat-Konten auf Huawei-Handys!

Das Geheimnis des Ausbrütens mobiler Dracheneier wird gelüftet (Schritt für Schritt erfahren Sie, wie Sie mobile Dracheneier erfolgreich ausbrüten) Das Geheimnis des Ausbrütens mobiler Dracheneier wird gelüftet (Schritt für Schritt erfahren Sie, wie Sie mobile Dracheneier erfolgreich ausbrüten) May 04, 2024 pm 06:01 PM

Das Geheimnis des Ausbrütens mobiler Dracheneier wird gelüftet (Schritt für Schritt erfahren Sie, wie Sie mobile Dracheneier erfolgreich ausbrüten)

Detaillierte Erläuterung der Oracle-Versionsabfragemethode Detaillierte Erläuterung der Oracle-Versionsabfragemethode Mar 07, 2024 pm 09:21 PM

Detaillierte Erläuterung der Oracle-Versionsabfragemethode

So stellen Sie die Schriftgröße auf dem Mobiltelefon ein (Schriftgröße auf dem Mobiltelefon einfach anpassen) So stellen Sie die Schriftgröße auf dem Mobiltelefon ein (Schriftgröße auf dem Mobiltelefon einfach anpassen) May 07, 2024 pm 03:34 PM

So stellen Sie die Schriftgröße auf dem Mobiltelefon ein (Schriftgröße auf dem Mobiltelefon einfach anpassen)

See all articles