> 웹 프론트엔드 > JS 튜토리얼 > JS에 내장된 반복 가능한 객체를 효과적으로 사용하는 방법을 알아보세요.

JS에 내장된 반복 가능한 객체를 효과적으로 사용하는 방법을 알아보세요.

WBOY
풀어 주다: 2024-01-11 12:34:54
원래의
1376명이 탐색했습니다.

JS에 내장된 반복 가능한 객체를 효과적으로 사용하는 방법을 알아보세요.

JS에 내장된 반복 가능한 객체를 사용하는 방법에 대해 자세히 알아보세요

JavaScript에서 반복 가능한 객체는 Symbol.iterator 메서드를 구현하는 객체를 나타냅니다. 이러한 객체는 for...of 루프를 사용하여 반복하거나 다른 반복기 메서드를 사용하여 조작할 수 있습니다. 이 글에서는 JS에 내장된 반복 가능한 객체를 사용하는 방법에 대한 심층적인 이해를 제공하고 구체적인 코드 예제를 제공합니다.

  1. Array(배열)

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);
});
로그인 후 복사
  1. String(String)

String은 JavaScript에서도 반복 가능한 개체입니다. for...of 루프를 통해 문자열의 각 문자를 반복할 수 있습니다.

코드 예:

let str = "hello";

// 使用for...of循环遍历字符串
for (let char of str) {
  console.log(char);
}
로그인 후 복사
  1. Set(세트)

Set는 반복되지 않는 요소와 반복 가능한 개체의 모음입니다. for...of 루프를 사용하여 Set의 각 요소를 반복할 수 있습니다.

코드 예:

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

// 使用for...of循环遍历Set
for (let num of set) {
  console.log(num);
}
로그인 후 복사
  1. Map(Map)

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);
}
로그인 후 복사
  1. Generator(생성기)

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿