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);
});

2. String (String)

文字列も JavaScript の反復可能なオブジェクトです。 for...of ループを通じて文字列内の各文字を反復処理できます。

コード例:

let str = "hello";

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

3. Set (セット)

Set は、非反復要素のコレクションと反復可能なオブジェクトです。 for...of ループを使用して、Set 内の各要素を反復処理できます。

コード例:

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

// 使用for...of循环遍历Set
for (let num of set) {
  console.log(num);
}

4. 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);
}

5. Generator (ジェネレーター)

Generator は一連の値を生成できる関数であり、反復可能関数でもあります。物体。 for...of ループを使用して、ジェネレーターによって生成された一連の値を反復処理できます。

コード例:

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 中国語 Web サイトの他の関連記事を参照してください。