JS에 내장된 반복 가능한 객체를 사용하는 방법에 대해 자세히 알아보세요
JavaScript에서 반복 가능한 객체는 Symbol.iterator 메서드를 구현하는 객체를 나타냅니다. 이러한 객체는 for...of 루프를 사용하여 반복하거나 다른 반복기 메서드를 사용하여 조작할 수 있습니다. 이 글에서는 JS에 내장된 반복 가능한 객체를 사용하는 방법에 대한 심층적인 이해를 제공하고 구체적인 코드 예제를 제공합니다.
Array는 JavaScript에서 가장 일반적으로 사용되는 반복 가능한 객체입니다. for...of 루프를 사용하여 배열의 각 요소를 반복하거나 배열의 forEach 메서드를 사용하여 반복할 수 있습니다.
코드 예:
let arr = [1, 2, 3, 4, 5]; // 使用for...of循环遍历数组 for (let num of arr) { console.log(num); } // 使用数组的forEach方法遍历数组 arr.forEach(function(num) { console.log(num); });
String은 JavaScript에서도 반복 가능한 개체입니다. for...of 루프를 통해 문자열의 각 문자를 반복할 수 있습니다.
코드 예:
let str = "hello"; // 使用for...of循环遍历字符串 for (let char of str) { console.log(char); }
Set는 반복되지 않는 요소와 반복 가능한 개체의 모음입니다. for...of 루프를 사용하여 Set의 각 요소를 반복할 수 있습니다.
코드 예:
let set = new Set([1, 2, 3]); // 使用for...of循环遍历Set for (let num of set) { console.log(num); }
Map은 키-값 쌍의 모음이자 반복 가능한 객체입니다. for...of 루프를 사용하여 맵의 각 키-값 쌍을 반복할 수 있습니다.
코드 예:
let map = new Map(); map.set('key1', 'value1'); map.set('key2', 'value2'); // 使用for...of循环遍历Map for (let [key, value] of map) { console.log(key, value); }
Generator는 일련의 값을 생성할 수 있는 함수이자 반복 가능한 객체이기도 합니다. for...of 루프를 사용하여 Generator에서 생성된 값 시퀀스를 반복할 수 있습니다.
코드 예:
function* generator() { yield 1; yield 2; yield 3; } // 通过Generator生成值序列 let gen = generator(); for (let num of gen) { console.log(num); }
위의 내장된 반복 가능한 객체 외에도 TypedArray, NodeList 등과 같이 반복 가능한 다른 객체도 있습니다. 동일한 방법을 사용하여 반복할 수 있습니다.
요약:
JavaScript에서는 for...of 루프를 통해 다양한 반복 가능한 객체를 탐색하거나 다른 반복기 메서드를 사용하여 작업할 수 있습니다. 내장된 반복 가능한 객체의 사용법을 익히면 JavaScript 코드를 작성할 때 더 효율적이고 유연해집니다.
이 기사가 독자들에게 도움이 되기를 바랍니다. 질문이나 제안 사항이 있으면 토론을 위해 메시지를 남겨주세요. 감사해요!
위 내용은 JS에 내장된 반복 가능한 객체를 효과적으로 사용하는 방법을 알아보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!