ES6迭代器(二)

2023-05-23 08:43:32 浏览数 (1)

内置可迭代对象:

在ES6中,许多内置的数据结构都实现了迭代器协议,可以直接使用for...of循环进行遍历。

  • 数组(Array):按照索引顺序迭代数组的元素。
  • 字符串(String):按照字符顺序迭代字符串的字符。
  • Map和Set:按照插入顺序迭代Map和Set的元素。
  • 类数组对象(如arguments对象和NodeList):按照索引顺序迭代对象的元素。

示例:

代码语言:javascript复制
// 内置可迭代对象示例
let arr = [1, 2, 3];
for (let item of arr) {
  console.log(item);
}
// 输出:
//   1
//   2
//   3

let str = 'Hello';
for (let char of str) {
  console.log(char);
}
// 输出:
//   H
//   e
//   l
//   l
//   o

let map = new Map();
map.set('name', 'John');
map.set('age', 30);
for (let [key, value] of map) {
  console.log(key, value);
}
// 输出:
//   name John
//   age 30

在上面的示例中,我们使用for...of循环遍历了数组arr、字符串str和Mapmap中的元素,并输出每个元素的值。

0 人点赞