key、valueを生成するメソッドで、{value：..、key：..、done：..}の形式で行われます。

Question

.next（）メソッドはvalueとdoneという2つのプロパティを持つオブジェクトを返します。値と共にキーを返して終了するメソッドはありますか？ここでは、コードがあります：

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

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

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

このコードの出力は次のようになります。

{ value: 'James', done: false } 
{ value: '5\'10"', done: false } 
{ value: 185, done: false } 

予想される出力：

{ value: 'James', key: 'name', done: false } 
{ value: '5\'10"', key: 'height', done: false } 
{ value: 185, key: 'weight', done: false } 

Answer 1

あなたが発電機になります最も近いオブジェクトを自分で得るためになります

yield {key: key, value: this[key]}; 

const james = { 
 
    name: 'James', 
 
    height: `5'10"`, 
 
    weight: 185, 
 
    [Symbol.iterator]: function*() { 
 
    for (let key of Object.keys(this)) { 
 
     yield { 
 
     key: key, 
 
     value: this[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, 
 
}; 
 

 
// Custom iterator wrapper 
 
const iterate = (obj) => { 
 
    function* iter(){ 
 
     for(let key of Object.keys(obj)) { 
 
      yield {key: key, value: obj[key]}; 
 
     } 
 
    } 
 
    return() => { 
 
    const r = iter().next(); 
 
    return {key: r.value.key, value: r.value.value, done: r.done}; 
 
    } 
 
} 
 

 

 
const next = iterate(james); 
 

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