オブジェクトを呼び出す上に生成されていない[Symbol.iterator]（）

Question

これは、このソースコードである：iterator.next().valueの最初の呼び出しが

{"value":"James","key":"name","done":false} 

を印刷するようになっている

const james = { 
    name: 'James', 
    height: `5'10"`, 
    weight: 185, 
    [Symbol.iterator]:function*(){ 
    yield Object.keys(this) ; 
    } 
}; 
const iterator = james[Symbol.iterator](); 
// 
console.log(iterator.next().value); // 'James' 
console.log(iterator.next().value); // `5'10` 
console.log(iterator.next().value); // 185 

それが印刷され。これを解決するには？

Answer 1

あなたはyieldすべてのキーを一度に表示します。あなたの最初のnextがすべて動作することを意味します。必要なのは、キーを反復して、順番にそれらをyieldすることです。

const james = { 
 
    name: 'James', 
 
    height: `5'10"`, 
 
    weight: 185, 
 
    [Symbol.iterator]:function*(){ 
 
     for(let key of Object.keys(this)) { 
 
      yield { propValue: this[key], propName: key};  
 
     }  
 
    } 
 
}; 
 

 
const iterator = james[Symbol.iterator](); 
 

 
console.log(iterator.next()); 
 
console.log(iterator.next()); 
 
console.log(iterator.next());

Answer 2

実は、これはあなたが探している解決策になる、それはあなたが出力にそれを必要とする正確に何を出力します。

const james = { 
    name: 'James', 
    height: `5'10"`, 
    weight: 185, 
    [Symbol.iterator]: function() { 
    let keys = Object.keys(this), index = 0; 
    return { 
     next:() => { 
     return { 
      key: keys[index], value: this[keys[index]], done: ++index >= keys.length 
     }; 
     } 
    } 
    } 
} 

const iterator = james[Symbol.iterator](); 

console.log(iterator.next().value); 
console.log(iterator.next().value); 
console.log(iterator.next().value);