Heim > Web-Frontend > Front-End-Fragen und Antworten > Welche Methoden werden zum Implementieren von Schleifen in Javascript verwendet?

Welche Methoden werden zum Implementieren von Schleifen in Javascript verwendet?

青灯夜游
Freigeben: 2022-01-26 11:26:55
Original
8599 Leute haben es durchsucht

Methoden zum Implementieren von Schleifen: 1. for-Schleifenanweisung; 3. „do while“-Schleifenanweisung; ; 7. filter() Methode; 8. some(); 9. every() und so weiter.

Welche Methoden werden zum Implementieren von Schleifen in Javascript verwendet?

Die Betriebsumgebung dieses Tutorials: Windows 7-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

Die for-Schleife ist das am häufigsten verwendete Schleifenwerkzeug 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 das Gleiche Ja, aber die for-Schleife kann die Definition, die bedingte Beurteilung sowie die Inkrementierungs- und Dekrementierungsoperationen zur Ausführung in eine Bedingung bringen. Der Code sieht bequemer 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 nimmt Operationen an. Es gibt 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. Wenn Sie stoppen müssen, können Sie es mit einer try-catch-Anweisung versuchen, die bei Bedarf einen Fehler auslöst Erzwingen Sie einen Exit-Catch und kehren Sie dann in 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. 【Verwandte Empfehlungen:

Javascript-Lern-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Methoden werden zum Implementieren von Schleifen in Javascript verwendet?. 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