Verwenden von Objekten in For Of Loops

Den for..of-Schleife unterstützt nur wiederholenden Objekte wie arrays, Objekte.

Zur Iteration über die Werte eines Objekts verwenden:

for (var key in test) {
    var item = test[key];
}

InformationsquelleAutor der Antwort Overv

Können Sie diese syntax verwenden:

let myObject = {first: "one"};

for(let [key, value] of Object.entries(myObject)) {
    console.log(key, value); //"first", "one"
}

Jedoch - Objekt.Einträge hat den Armen jetzt unterstützen funktioniert nicht in IE oder iOS-Safari. Sie werden wahrscheinlich brauchen einen polyfill.

InformationsquelleAutor der Antwort mpen

Iterator, Durchsuchbar und for..of-Schleife in ECMAScript 2015/ES6

let tempArray = [1,2,3,4,5];

for(element of tempArray) {
  console.log(element);
}

//1
//2
//3
//4
//5

Aber wenn wir das tun

let tempObj = {a:1, b:2, c:3};

for(element of tempObj) {
   console.log(element);
}
//error

Bekommen wir Fehler, weil für.. - Schleife funktioniert nur auf Iterablesdas heißt, das Objekt hat einen @@iteratorder sich auf Iterator-Protokolldas heißt, es muss ein Objekt mit einer nächsten Methode. Die nächste Methode übernimmt keine Argumente und es sollte ein Objekt zurückgeben, mit diesen beiden Eigenschaften.

getan: signalisiert, dass die Sequenz beendet ist, wenn wahr ist, und false bedeutet, dass es kann mehr Werte
Wert: dies ist das aktuelle Element in der Sequenz

Also, um ein Objekt Iterierbar , ist es, die Arbeit mit für.. wir können:

1 .Ein Objekt einer Iterierbar durch die Zuordnung zu den mystischen @@iterator Eigenschaft durch die Symbol.iterator Eigenschaft.Hier ist, wie:

let tempObj = {a:1, b:2, c:3};

tempObj[Symbol.iterator]= () => ({
next: function next () {
return {
    done: Object.keys(this).length === 0,
    value: Object.keys(this).shift()
     }
    }
  })

for(key in tempObj){
 console.log(key)
}
//a
//b
//c

2.Verwenden Objekt.Einträgedas gibt ein Iterierbar:

let tempObj = {a:1, b:2, c:3};

for(let [key, value] of Object.entries(tempObj)) {
    console.log(key, value);
}
//a 1
//b 2
//c 3

3.Verwenden Objekt.Schlüsselhier ist, wie:

let tempObj = {a:1, b:2, c:3};
for (let key of Object.keys(tempObj)) {
    console.log(key);
}

//a
//b
//c

Hoffe, das hilft!!!!!!

InformationsquelleAutor der Antwort Manishz90

Die Antwort ist Nein. Es ist nicht möglich, Für die..mit Objekt-Literale.

Ich Stimme mit Overv, Für..Der ist nur für iterables.
Ich hatte genau die gleiche Frage, weil ich Objekte zu iterieren über die Schlüssel und Werte mit for..in -. Aber ich erkannte, dass das ist, was ES6 KARTEN und SETZT sind.

let test = new Map();
test.set('first', "one");
test.set('second', "two");

for(var item of test) {
  console.log(item); //"one" "two"
}

Damit erreicht er das Ziel nicht mit for..In (Validierung mit hasOwnProperty) und nicht-Objekt verwenden.- Tasten().

Zusätzlich, Ihre Schlüssel sind nicht beschränkt auf strings. Sie können zahlen, Objekte oder andere Literale.

InformationsquelleAutor der Antwort cuadraman

Ist es möglich zu definieren, der einen iterator über alle zu geben-Objekt, auf diese Weise können Sie verschiedene Logik für jedes Objekt

var x = { a: 1, b: 2, c: 3 }
x[Symbol.iterator] = function* (){
    yield 1;
    yield 'foo';
    yield 'last'
}

Dann einfach direkt Durchlaufen x

for (let i in x){
    console.log(i);
}
//1
//foo
//last

Ist es möglich, das gleiche zu tun, auf die Object.prototype Objekt Und einen Allgemeinen iterator für alle Objekte

Object.prototype[Symbol.iterator] = function*() {
    for(let key of Object.keys(this)) {
         yield key 
    } 
 }

iteriere Ihr Objekt wie dieses

var t = {a :'foo', b : 'bar'}
for(let i of t){
    console.log(t[i]);
}

Oder diese Weise

var it = t[Symbol.iterator](), p;
while(p = it.next().value){
    console.log(t[p])
}

InformationsquelleAutor der Antwort Yaki Klein

Was über die Verwendung von

function* entries(obj) {
    for (let key of Object.keys(obj)) {
        yield [key, obj[key]];
    }
}

for ([key, value] of entries({a: "1", b: "2"})) {
    console.log(key + " " + value);
}

InformationsquelleAutor der Antwort user1703761

Wie über die Verwendung Objekt.Schlüssel um ein array von keys? Und dann forEach auf Array?


obj = { a: 1, b:2}
Object.keys(obj).forEach( key => console.log(`${key} => ${obj[key]}`))


InformationsquelleAutor der Antwort justingordon