Heim > Web-Frontend > js-Tutorial > Ähnlichkeiten und Unterschiede zwischen foreach, for in, for of

Ähnlichkeiten und Unterschiede zwischen foreach, for in, for of

不言
Freigeben: 2018-07-07 10:54:37
Original
1881 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die Ähnlichkeiten und Unterschiede zwischen foreach, for in und for of vorgestellt, die einen gewissen Referenzwert haben. Freunde in Not können sich jetzt auf

forEach() beziehen. Methode Wird verwendet, um jedes Element des Arrays aufzurufen und das Element an die Rückruffunktion zu übergeben.

Hinweis: forEach() führt die Rückruffunktion nicht für ein leeres Array aus.

Beispielcode:

1 var arr = [4, 9, 16, 25];
2 arr.forEach(function(value, index) {
3     console.log(index+': '+value+'\n');
4 });
Nach dem Login kopieren

Die Ergebnisse sind wie folgt:

for/in-Anweisung wird verwendet, um Objekteigenschaften zu durchlaufen.

Jedes Mal, wenn der Code in der Schleife ausgeführt wird, bearbeitet er die Elemente des Arrays oder die Eigenschaften des Objekts.

Beispielcode:

1 var person = {
2     name: 'jack',
3     age: 18,
4     gender: 'male'
5 };
6 for(key in person) {
7     console.log(key+': '+person[key]+'\n');
8 }
Nach dem Login kopieren

Die Ergebnisse sind wie folgt:

Es ist zu beachten, dass die folgenden Probleme auftreten können, wenn Sie die for in-Anweisung zum Durchlaufen des Arrays verwenden:

 1. Der Index ist ein Zeichenfolgentyp und kann nicht geometrische Operationen direkt durchführen.

 2. Die Durchlaufreihenfolge entspricht möglicherweise nicht der internen Reihenfolge des tatsächlichen Arrays.

 3. Die Verwendung von for in durchläuft alle aufzählbaren Eigenschaften des Arrays, einschließlich Prototypen.

Wie unten gezeigt:

1 var arr = [12, 43, 19];
2 Array.prototype.index = 110;//这里的原型属性也会被打印出来
3 for(var index in arr) {
4     console.log(index+': '+arr[index]+'\n');
5 }
Nach dem Login kopieren

Das laufende Ergebnis:

Die for of-Anweisung ist bequemer zu verwenden als die for in-Anweisung. Es handelt sich um eine neu vorgeschlagene Methode zum Durchlaufen von Arrays in ES6.

Verwenden Sie speziell :

1 var arr = [12, 43, 19];
2 Array.prototype.index = 110;//此原型属性不会被打印出来
3 for(var value of arr) {
4     console.log(value+'\n');
5 }
Nach dem Login kopieren

Die Ergebnisse sind wie folgt:

Übersicht: foreach Wird häufiger zum Durchlaufen von Arrays verwendet, aber die Verwendung ist komplizierter; for in wird im Allgemeinen zum Durchlaufen von Objekten verwendet.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Promise, Generator, async/await in der asynchronen JS-Programmierung


var, let, Der Unterschied zwischen const


Das obige ist der detaillierte Inhalt vonÄhnlichkeiten und Unterschiede zwischen foreach, for in, for of. 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