JavaScript for...in vs for

Question

Denkst du, dass es einen großen Unterschied zwischen for...in und for-Schleifen gibt? Welche Art von "for" ziehst du vor und warum?

Angenommen, wir haben ein Array von assoziativen Arrays:

var myArray = [{'key': 'value'}, {'key': 'value1'}];

Also können wir durchlaufen:

for (var i = 0; i < myArray.length; i++)

Und:

for (var i in myArray)

Ich sehe keinen großen Unterschied. Gibt es Leistungsprobleme?

Answer 1

Es besteht ein wichtiger Unterschied zwischen beiden. Das for-in iteriert über die Eigenschaften eines Objekts, sodass es bei einem Array nicht nur über seine Elemente iteriert, sondern auch über die "remove"-Funktion, die es hat.

for (var i = 0; i < myArray.length; i++) { 
    console.log(i) 
}

//Ausgabe
0
1

for (var i in myArray) { 
    console.log(i) 
} 

// Ausgabe
0 
1 
remove

Sie könnten das for-in mit einem if(myArray.hasOwnProperty(i)) verwenden. Dennoch ziehe ich es immer vor, dies zu vermeiden und stattdessen die for(;;)-Anweisung zu verwenden, wenn ich über Arrays iteriere.

Answer 2

Auch wenn sie sehr ähnlich sind, gibt es einen kleinen Unterschied:

var array = ["a", "b", "c"];
array["abc"] = 123;
console.log("Standard for loop:");
for (var index = 0; index < array.length; index++)
{
  console.log(" array[" + index + "] = " + array[index]); //Standard for loop
}

in diesem Fall ist die Ausgabe:

STANDARD FOR LOOP:

ARRAY[0] = A

ARRAY[1] = B

ARRAY[2] = C

console.log("For-in loop:");
for (var key in array)
{
  console.log(" array[" + key + "] = " + array[key]); //For-in loop output
}

während die Ausgabe in diesem Fall lautet:

FOR-IN LOOP:

ARRAY[1] = B

ARRAY[2] = C

ARRAY[10] = D

ARRAY[ABC] = 123