Wie kann man durch Array in JavaScript eine Schleife machen

Es gibt mehrere Möglichkeiten, ein Array in JavaScript durchzulaufen. Lassen Sie uns sehen.

Wie man für die Schleife über ein Array verwendet


The for loops through a block of code a number of times.

Beispiel

<!DOCTYPE html>
 <html>
  <body>
   <p id="demo"></p>
   <script>
   var list = [1, 2, 3, 4, 5];
   var i = 0, length = list.length;
   for ( i; i < length; i++) {console.log(list[i]);}
   document.getElementById("demo").innerHTML = list;
  </script>
  </body>
 </html>
Vorschlag: Die Schleife for ist schneller als die Schleife for/in.

Wie kann man For/in zur Schleife über ein Array verwenden


For/in Schleifen durch die Eigenschaften eines Objekts.

Beispiel

<!DOCTYPE html>
 <html>
  <body>
   <p id="demo"></p>
   <script>
   var txt = "";
   var person = {fname:"John", lname:"Doe", age:25}; 
   var x;
   for (x in person) {txt += person[x] + " ";}
  document.getElementById("demo").innerHTML = txt;
 </script>
  </body>
 </html>
Hinweis: Die Reihenfolge der Elemente ist nicht garantiert.

Wie kann man die Schleife while über ein Array verwenden


While macht eine Schleife durch einen Codeblock, solange eine bestimmte Bedingung erfüllt ist.

Beispiel

<!DOCTYPE html>
 <html>
   <body>
   <p id="demo"></p>
   <script>
   var text = "";
   var i = 0;
   while (i < 10) { text += "<br>The number is " + i;   i++;}
    document.getElementById("demo").innerHTML = text;
    </script>
  </body>
 </html>

Im angegebenen Beispiel läuft der Code in der Schleife immer wieder, solange eine Variable (i) kleiner ist als 10:

Jede Schleife while kann in eine Schleife for mehrfach beschrieben werden kann.

Wie man Array.prototype.forEach() verwendet, um Array Looping zu machen


Eine Alternative zu den Schleifen for und for/in ist Array.prototype.forEach() .

forEach() führt eine Funktion auf jedem indizierten Element in einem Array aus. Ab index[0] wird eine Funktion auf index[0], index[1], index[2] usw… forEach() lässt Sie ein Array fast wie eine Schleife for durchlaufen.

Es verwendet die folgende Syntax:

myArray.forEach(function(value, key, myArray) { console.log(value); });
Hinweis: Array.prototype.forEach() ist kein funktionaler Weg, da die Funktion, die sie als Eingabeparameter einnimmt, keinen Wert zurückgeben soll, also nicht als reine Funktion betrachtet werden kann.

Wie kann man die Methode map() für Array Looping verwenden


Die Methode map() erzeugt ein neues Array mit den Ergebnissen des Aufrufs einer Funktion für jedes Array-Element.

Syntax

const myArray = [{x:100}, {x:200}, {x:300}]; const newArray= myArray.map(element => element.x); console.log(newArray); // [100, 200, 300]
Finden Sie das nützlich?

Ähnliche Artikel