ES6 생성기에서 배열 만들기

Question

ES6 생성기의 결과를 배열 변수에 할당하려고한다고 가정 해 봅시다. 여기 b

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

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

는 [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 (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' 

가 개인적으로, 나는이 (가)에 대한 추론하기 위하여 더 쉽게 다음 찾기 :

이는 반복 가능한 작동 0

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