JavaScript에 내장된 반복 가능한 객체는 무엇입니까? 종합적인 분석

JS에 내장된 반복 가능한 객체는 무엇인가요? 전체 분석에는 특정 코드 예제가 필요합니다.

JavaScript에서 반복 가능한 객체는 반복자를 사용하여 해당 요소에 액세스할 수 있는 객체를 의미합니다. ES6 이후에는 많은 내장 데이터 구조가 반복 가능한 프로토콜을 구현하고 for...of 루프를 통해 탐색하거나 반복자 객체를 사용하여 탐색할 수 있습니다.

다음은 JS의 일반적인 반복 가능한 객체입니다.

1. Array(배열):

Array는 가장 일반적인 반복 가능한 객체입니다. for...of 루프를 사용하거나 반복자 객체 반복자를 사용하여 배열의 요소를 반복할 수 있습니다. 다음은 배열 개체의 예입니다.

const arr = [1, 2, 3, 4];

// 使用for...of循环遍历
for (let item of arr) {
  console.log(item);
}

// 使用迭代器对象遍历
const iterator = arr[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

2. String(String):

Strings도 반복 가능한 개체입니다. for...of 루프를 직접 사용하거나 반복자 개체를 사용하여 배열의 각 요소를 순회할 수 있습니다. 문자열.

const str = 'Hello World';

// 使用for...of循环遍历
for (let char of str) {
  console.log(char);
}

// 使用迭代器对象遍历
const iterator = str[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

3. Array-like 객체(Arguments):

Arguments 객체는 함수가 호출될 때 함수에 전달되는 매개변수 목록을 포함하는 배열과 같은 객체입니다. 또한 반복 가능한 객체이므로 for...of 루프를 사용하여 그 안의 각 매개변수를 반복할 수 있습니다.

function sum() {
  for (let arg of arguments) {
    console.log(arg);
  }
}

sum(1, 2, 3, 4);

4. Set 및 Map:

Set 및 Map은 ES6에 도입된 새로운 데이터 구조이며 반복 가능한 객체이기도 하며 해당 요소는 for...of 루프 또는 반복자 객체를 사용하여 탐색할 수 있습니다.

const set = new Set([1, 2, 3]);

// 使用for...of循环遍历Set中的元素
for (let item of set) {
  console.log(item);
}

// 使用迭代器对象遍历Set中的元素
const iterator = set[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

const map = new Map([
  ['name', 'John'],
  ['age', 25]
]);

// 使用for...of循环遍历Map中的元素
for (let [key, value] of map) {
  console.log(key, value);
}

// 使用迭代器对象遍历Map中的元素
const iterator = map[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

5. Generator 객체:

Generator는 Yield 키워드를 통해 실행 프로세스를 일시 중지하고 다시 시작할 수 있는 특수 함수입니다. Generator 객체는 반복 가능한 객체이기도 하며 for...of 루프나 반복자 객체를 사용하여 탐색할 수 있습니다.

function* generatorFunc() {
  yield 1;
  yield 2;
  yield 3;
}

const generator = generatorFunc();

// 使用for...of循环遍历Generator中的元素
for (let item of generator) {
  console.log(item);
}

// 使用迭代器对象遍历Generator中的元素
const iterator = generator[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

요약: 위의 내용은 JavaScript에 일반적으로 내장된 반복 가능 개체이며 for...of 루프를 통해 또는 반복자 개체를 사용하여 모두 탐색할 수 있습니다. 이러한 반복 가능한 객체를 이해함으로써 우리는 객체가 제공하는 특징과 기능을 더 잘 활용할 수 있습니다.

위 내용은 JavaScript에 내장된 반복 가능한 객체는 무엇입니까? 종합적인 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!