Apprenez à utiliser efficacement les objets itérables intégrés de JS

En savoir plus sur l'utilisation des objets itérables intégrés de JS

En JavaScript, un objet itérable fait référence à un objet qui implémente la méthode Symbol.iterator. Ces objets peuvent être itérés à l'aide d'une boucle for...of ou manipulés à l'aide d'autres méthodes d'itération. Cet article fournira une compréhension approfondie de la façon d'utiliser les objets itérables intégrés de JS et donnera des exemples de code spécifiques.

1. Array (Array)

Array est l'objet itérable le plus courant en JavaScript. Nous pouvons utiliser une boucle for...of pour parcourir chaque élément du tableau, ou utiliser la méthode forEach du tableau pour itérer.

Exemple de code :

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)

Les chaînes sont également des objets itérables en JavaScript. Nous pouvons parcourir chaque caractère de la chaîne via une boucle for...of.

Exemple de code :

let str = "hello";

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

3. Set (set)

Set est une collection d'éléments non répétitifs et un objet itérable. Nous pouvons utiliser une boucle for...of pour parcourir chaque élément de l'ensemble.

Exemple de code :

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

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

4. Map (Map)

Map est une collection de paires clé-valeur et un objet itérable. Nous pouvons utiliser une boucle for...of pour parcourir chaque paire clé-valeur de la carte.

Exemple de code :

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 (générateur)

Generator est une fonction qui peut produire une série de valeurs, et c'est également un objet itérable. Nous pouvons utiliser une boucle for...of pour parcourir la séquence de valeurs générée par le générateur.

Exemple de code :

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

// 通过Generator生成值序列
let gen = generator();
for (let num of gen) {
  console.log(num);
}

En plus des objets itérables intégrés ci-dessus, il existe d'autres objets qui sont également itérables, tels que TypedArray, NodeList, etc. Nous pouvons les parcourir en utilisant la même méthode.

Résumé :
En JavaScript, nous pouvons parcourir divers objets itérables à travers des boucles for...of, ou utiliser d'autres méthodes d'itérateur pour fonctionner. Maîtriser l'utilisation de ces objets itérables intégrés nous rendra plus efficaces et plus flexibles lors de l'écriture de code JavaScript.

J'espère que cet article pourra être utile aux lecteurs. Si vous avez des questions ou des suggestions, veuillez laisser un message pour en discuter. Merci!

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!