Heim > Web-Frontend > js-Tutorial > Hauptteil

Was sind die Schleifenmethoden in Javascript?

青灯夜游
Freigeben: 2021-06-15 17:16:44
Original
4557 Leute haben es durchsucht

Methoden: 1. for-Schleife; 3. while-Schleife; , every(); 10. Reduce(); 11. for of-Schleife usw.

Was sind die Schleifenmethoden in Javascript?

Die Betriebsumgebung dieses Tutorials: Windows7-System, Javascript-Version 1.8.5, Dell G3-Computer

12 Schleifendurchlaufmethoden in JavaScript

1. for-Schleife

let arr = [1,2,3];
for (let i=0; i<arr.length; i++){
 console.log(i,arr[i])
}
// 0 1
// 1 2
// 2 3
Nach dem Login kopieren

for-Schleife ist eines der am häufigsten verwendeten Schleifenwerkzeuge in JS und wird häufig zum Schleifendurchlauf von Arrays verwendet.

2. for in-Schleife

rrree

for in-Schleife wird hauptsächlich zum Durchlaufen gewöhnlicher Objekte verwendet, und obj[i] stellt den entsprechenden Wert dar, wenn es zum Durchlaufen des Arrays verwendet wird. In den meisten Fällen kann derselbe Effekt erzielt werden, Sie sollten dies jedoch nicht tun, da dies riskant ist, da i als Zeichenfolge anstelle des für das Array erforderlichen numerischen Index ausgegeben wird, was bedeutet, dass in einigen Fällen Zeichenfolgenoperationen auftreten. Führend zu Datenfehlern, wie zum Beispiel: '52'+1 = '521' statt der 53, die wir brauchen.

Wenn die for-in-Schleife außerdem nicht nur ihre eigenen Eigenschaften durchläuft, findet sie auch den Prototyp. Daher ist es am besten, dem Schleifenkörper eine Beurteilung hinzuzufügen. Verwenden Sie dazu einfach obj[i].hasOwnProperty(i). um zu vermeiden, dass zu viele unnötige Attribute durchlaufen werden. 3. while-Schleife Dasselbe, aber die for-Schleife kann die Definition, die bedingte Beurteilung sowie die Autoinkrementierungs- und Dekrementierungsoperationen zur Ausführung in eine Bedingung bringen. Der Code sieht praktischer aus, aber das ist alles.

4. do while-Schleife

let obj = {name:&#39;zhou&#39;,age:&#39;**&#39;}
for(let i in obj){
 console.log(i,obj[i])
}
// name zhou
// age **
Nach dem Login kopieren

Die do while-Schleife führt zunächst eine Operation durch und führt dann eine bedingte Beurteilung durch es ist falsch, die Schleife wird beendet.

5. Array forEach-Schleife

let cars=["BMW","Volvo","Saab","Ford"];
let i=0;
for (;cars[i];)
{
console.log(cars[i])
i++;
};
// BMW
// Volvo
// Saab
// Ford
Nach dem Login kopieren
forEach-Schleife durchläuft jedes Element im Array und übernimmt keinen Rückgabewert, und Sie müssen die Länge des Arrays nicht kennen , nur der erste ist erforderlich und stellt den aktuellen Wert unter dem Index dar.

Bitte beachten Sie auch, dass die forEach-Schleife nicht gestoppt werden kann, bevor alle Elemente aufgerufen wurden. Sie verfügt nicht über eine break-Anweisung. Wenn Sie stoppen müssen, können Sie es mit einer try-catch-Anweisung versuchen, was bedeutet, dass ein Fehler ausgelöst wird, wenn Sie möchten Erzwingen Sie einen Exit und kehren Sie dann im Catch zurück, damit die Schleife beendet werden kann. Wenn Sie diese Methode häufig verwenden, ist es am besten, eine solche forEach-Funktion in Ihrer Bibliothek anzupassen.

6. Array-Map()-Methode

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
console.log(cars[i] + "<br>")
i++;
};
Nach dem Login kopieren

map()-Methode gibt ein neues Array zurück, und die Elemente im Array sind die Werte der ursprünglichen Array-Elemente nach dem Aufruf der Funktion.

Hinweis: Die Methoden „map“ und „forEach“ können nur zum Durchlaufen von Arrays verwendet werden, nicht für gewöhnliche Objekte.

7. Array-Filter()-Methode

let i = 3;
do{
 console.log(i)
 i--;
}
while(i>0)
// 3
// 2
// 1
Nach dem Login kopieren
Die Filtermethode ist eine integrierte Methode des Array-Objekts. Sie gibt die gefilterten Elemente zurück, ohne das ursprüngliche Array zu ändern.


8. Array-some()-Methode

let arr = [1,2,3];
arr.forEach(function(i,index){
 console.log(i,index)
})
// 1 0
// 2 1
// 3 2
Nach dem Login kopieren
some()-Methode wird verwendet, um zu erkennen, ob die Elemente im Array die angegebenen Bedingungen erfüllen (bereitgestellt durch die Funktion) und einen booleschen Wert zurückgibt, ohne das ursprüngliche Array zu ändern.

9. Array every()-Methode

let arr = [1,2,3];
let tt = arr.map(function(i){
 console.log(i)
 return i*2;
})
// [2,4,6]
Nach dem Login kopieren
every()-Methode wird verwendet, um zu erkennen, ob alle Elemente des Arrays die angegebenen Bedingungen erfüllen (bereitgestellt durch die Funktion), einen booleschen Wert zurückzugeben und das Original nicht zu ändern Array.

10. Array-Reduction()-Methode

let arr = [1,2,3];
let tt = arr.filter(function(i){
 return i>1;
})
// [2,3]
Nach dem Login kopieren
reduce()-Methode empfängt eine Funktion als Akkumulator, und jeder Wert im Array (von links nach rechts) wird reduziert und schließlich als Wert berechnet.

11. Array-reduceRight()-Methode

let arr = [1,2,3];
let tt = arr.some(function(i){
 return i>1;
})
// true
Nach dem Login kopieren
reduceRight()-Methode hat die gleiche Funktion wie reduce(), sie beginnt mit der Berechnung ab dem Ende des Arrays.

12. for of-Schleife

let arr = [1,2,3];
let tt = arr.some(function(i){
 return i>1;
})
// 检测数组中元素是否都大于1
// false
Nach dem Login kopieren
Die for of-Schleife ist eine neue Anweisung in Es6, die zum Ersetzen von for in und forEach verwendet wird. Sie ermöglicht das Durchlaufen von Arrays (Arrays), Strings (Strings) und Maps (Maps). Achten Sie bei Mengen (Sets) und anderen iterierbaren (iterierbaren Daten) Datenstrukturen auf deren Kompatibilität. Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonWas sind die Schleifenmethoden in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!