- 객체를 통해 루프를 시도 할 때 충돌 루프-의

Question

이 코드

let formData = new FormData(); 
    let item = {}; 
    let i = 0; 
    for (item of files) { 
     formData.append('file' + i, files[i]); 
     formData.append('filesNumber', i + 1); 
     i++; 
    } 

와 나는 그것을 통해 루프를 원하는

다음 함수에 의해 전달이 개체가

하지만 실행이 for 루프의 선언에 도달 할 때,이 에러

Uncaught TypeError: files[Symbol.iterator] is not a function 

,536와 충돌

무엇이 잘못 되었나요?

Answer 1

기본 개체는 자동으로 Symbol.iterator을 구현하지 않습니다. Here's a list of objects that do.

for..of 구문을 사용하려면 고유 한 이터레이터를 구현해야합니다.

let files = { 
 
    0: "a", 
 
    1: "b", 
 
    2: "c", 
 
    
 
    [Symbol.iterator]: function*() { 
 
    let i = 0; 
 
    while (this.hasOwnProperty(i)) { 
 
     yield this[i]; 
 
     i++; 
 
    } 
 
    } 
 
}; 
 

 
for (let item of files) { 
 
    console.log(item); 
 
}

은 또는, 당신은 단지 grabs the objects keys하고 반복.

let files = { 
 
    0: "a", 
 
    1: "b", 
 
    2: "c" 
 
}; 
 

 
let keys = Object.keys(files); 
 
for (let i = 0; i < keys.length; i++) { 
 
    let key = keys[i]; 
 
    let item = files[key]; 
 
    console.log(`${key}: ${item}`); 
 
}

또한 키를 통해 갈 좋은, 구식 for..in 루프를 사용할 수 있습니다.

let files = { 
 
    0: "a", 
 
    1: "b", 
 
    2: "c" 
 
}; 
 

 
for (let key in files) { 
 
    console.log(`${key}: ${files[key]}`); 
 
}