ES6ジェネレータからアレイを作成する

Question

たとえば、ES6ジェネレータの結果を配列変数に代入したいとしましょう。

function* gen() { 
 
    for(let i = 0; i < 3; i++) { 
 
     yield i; 
 
    } 
 
} 
 

 
let [...b] = gen(); 
 
console.log(b); // [0, 1, 2]

ここ

bは[0, 1, 2]が割り当てられます。なぜこれは機能しますか？

Answer 1

私は答えがthis postであると思っています。 ...演算子はここでは残りの演算子です。配列の構造を解除するために使用すると、構造化されていない配列のすべての未割り当て要素が別の配列に割り当てられます。残りの演算子は、構造化された値を受け取る変数のリストの最後の項目で使用する必要があります。たとえば：bは残りの演算子を使用して非構造とその中の唯一のものですので、質問に

let a = [1, 2, 3, 4, 5]; 
 
let [first, second, ...remainder] = a; 
 

 
console.log(first); // 1 
 
console.log(second); // 2 
 
console.log(remainder); // [3, 4, 5]

、配列全体は、それに割り当てられます。

ES6がジェネレータを実行し、結果を=の右側の配列に変換するように見えます。

Answer 2

ジェネレータは、呼び出されるとiteratorを返します。我々は可能性for … ofループ付きイテレータによる例のforループ：

for (const item of gen()) { 
    console.log(item); 
} 

だけで発電機の各項目を通過します：

：我々は spread syntaxを呼び出す場合

0 
1 
2 

同じ事が、起こります は

const res = [...gen()]; 

resは次のようになります。

[0, 1, 2] 

例では、非構造化割り当てを使用しています。ブラケットシンタックスを使用して破壊すると、イテラブルを呼び出して値を取得します（配列の原則と同じ）。例：あなたはrest syntaxを使用しているので

const [a, b] = gen(); 
// a: 0, b: 1 

、あなたは基本的に言っている：私は、イテレータに残っているすべての値を付け、変数bに保存：

let [...b] = gen(); 
// b: [0, 1, 2] 

const [a, b, ...c] = 'hello'; 
// a: 'h', b: 'e', c: 'llo' 

は個人的に、私はおよそ理由にずっと楽以下見つける：

これは、任意のiterable上で動作します0

const res = [...gen()];