Funktioniert die Javascript-For-In-Funktion nur mit einem Index?

Question

Dies ist eine Methode, die ich zu laufen versucht:

function SayHello() { 
    cars = new Array(); 
    cars[0] = "Toyota"; 
    cars[1] = "Mitsubishi"; 
    cars[2] = "Honda"; 

    for (car in cars) { 
     alert(car); 
    } 
} 

Dies ergab:

0 
1 
2 

Wenn ich den Code auf diese geändert:

function SayHello() { 
    cars = new Array(); 
    cars[0] = "Toyota"; 
    cars[1] = "Mitsubishi"; 
    cars[2] = "Honda"; 

    for (car in cars) { 
     alert(cars[car]); 
    } 
} 

Es richtig die Namen zurückgegeben.

Meine Frage ist, gibt die For-in-Schleife nur einen Index in einer geordneten Weise zurück? Vielen Dank.

Answer 1

Ja, es wird der Index innerhalb der Sammlungen sein.

Siehe here:

var mycars = ["Saab", "Volvo", "BMW"]; 

for (var car in mycars) 
{ 
    document.write(mycars[car] + "<br />"); 
} 

Wie Sie die Verwendung der Variablen als Index in die Sammlung sehen.

Sie können for each ... in Syntax (in Javascript 1.6 eingeführt) verwenden, die wird Iterate über Werte. Siehe here.

for each...in - ähnlich wie for...in, aber iteriert über die Werte der Eigenschaften des Objekts, anstatt die Eigenschaftsnamen selbst. (Neu in JavaScript 1.6.)

Soweit ich weiß, wird Javascript 1.6+ derzeit nur in Firefox verwendet.

Answer 2

Ja und nein. Sie gibt Indizes zurück, nicht die Werte, und sie gibt sie als Strings in Anführungszeichen zurück. "0", "1", etc ..

Die Plus-Seite davon ist, dass for in das gleiche funktioniert, wenn Sie ein Javascript-Objekt als assoziatives Array verwenden.

Answer 3

Es gibt den "Schlüssel" jedes Elements zurück. Gleiche Ergebnis wird mit einem solchen „Array“ erreicht werden:

cars = {0: "Toyota", 1: "Mitsubishi", 2: "Honda"}; 

Answer 4

Ja, wird der Wert des Iterators der Name der Eigenschaft ist. Es ist jedoch höchst verpönt, es zu verwenden, um Arrays zu überlappen. Betrachten wir zum Beispiel diese:

x = ['a', 'b', 'c']; 

x.foo = 'bar'; 

for (i in x) alert(i); // 0, 1, 2, foo 

Es ist für Iterieren über die Mitglieder eines Objekts bestimmt ist:

x = { a : 'apple', b : 'banana', c : 'carrot' }; 

for (i in x) { 
    // and it's best to check that the property actually exists 
    // on this object, not just on one of its prototypal ancestors: 
    if (x.hasOwnProperty(i)) { 
     alert(i); // 'a', 'b', 'c' 
    } 
} 

Weitere Informationen darüber, warum auf der YUI Blog