Detaillierte Erklärung des Unterschieds zwischen for of und for in

Das Durchlaufen von Arrays verwendet normalerweise eine for-Schleife. Wenn Sie ES5 verwenden, können Sie auch forEach verwenden. ES5 verfügt über die Funktionen zum Durchlaufen von Arrays wie Map, Filter, Some, Every, Reduce, ReduceRight usw., gibt jedoch Ergebnisse zurück sind unterschiedlich. Wenn Sie jedoch foreach verwenden, um das Array zu durchlaufen, können Sie die Schleife nicht mit break unterbrechen und Sie können nicht mit return zur äußeren Funktion zurückkehren.

Array.prototype.method=function(){
　　console.log(this.length);
}
var myArray=[1,2,4,5,6,7]
myArray.name="数组"
for (var index in myArray) {
  console.log(myArray[index]);
}

Die Verwendung von for in kann auch das Array durchlaufen, es treten jedoch die folgenden Probleme auf:

1. Der Index ist eine Zeichenfolgenzahl und kann keine geometrischen Operationen direkt ausfü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. Beispielsweise sind die Prototypmethode und das Namensattribut von Shangli

, sodass for in besser zum Durchlaufen von Objekten geeignet ist. Verwenden Sie for in nicht zum Durchlaufen von Arrays.

Wie können wir also zusätzlich zur Verwendung einer for-Schleife das Array einfacher und korrekter durchlaufen, um unsere Erwartungen zu erfüllen (d. h. ohne Methode und Namen zu durchlaufen)? Das for of in ES6 ist sogar noch besser.

Array.prototype.method=function(){
　　console.log(this.length);
}
var myArray=[1,2,4,5,6,7]
myArray.name="数组";
for (var value of myArray) {
  console.log(value);
}

Denken Sie daran, dass for in den Index (d. h. den Schlüsselnamen) des Arrays durchläuft, während for of die Array-Elementwerte durchläuft.

for of durchläuft nur die Elemente im Array, ohne die Prototypattributmethode und den Indexnamen des Arrays

Beim Durchlaufen eines Objekts wird for in normalerweise zum Durchlaufen des Schlüsselnamens von verwendet Das Objekt

Object.prototype.method=function(){
　　console.log(this);
}
var myObject={
　　a:1,
　　b:2,
　　c:3
}
for (var key in myObject) {
  console.log(key);
}

for in kann zur Prototypmethode von myObject durchlaufen werden. Wenn Sie die Prototypmethode und -eigenschaften nicht durchlaufen möchten, können Sie sie innerhalb der Schleife bestimmen ob eine bestimmte Eigenschaft eine Instanzeigenschaft des Objekts ist

for (var key in myObject) {
　　if（myObject.hasOwnProperty(key)){
　　　　console.log(key);
　　}
}

Sie können auch Object.keys(myObject) von ES5 verwenden, um ein Array von Instanzeigenschaften eines Objekts abzurufen, mit Ausnahme von Prototypmethoden und -eigenschaften.

Object.prototype.method=function(){
　　console.log(this);
}
var myObject={
　　a:1,
　　b:2,
　　c:3
}
Object.keys(myObject).forEach(function(key,index){<br>　　console.log(key,myObject[key])<br>})

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des Unterschieds zwischen for of und for in. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!