关键词

JavaScript for of

JavaScript的for of循环是ES6中的一个新特性,它可以用于遍历可迭代对象(Iterable)。本文将详细介绍for of循环的使用方法,以及提供代码示例。

for of循环的基本语法如下:

for (let item of iterable) {
  // Statement
}

其中,iterable表示一个可迭代对象,如字符串、数组、Set、Map等,item表示每一次循环遍历的元素。

for of循环的特点:

  1. 支持遍历字符串、数组、Set、Map等可迭代对象;
  2. 取代传统循环中的索引变量(如for循环中的i),更加简洁清晰;
  3. 支持break和continue语句;
  4. 不支持普通对象(plain object)的遍历。

下面分别以字符串、数组、Set和Map为例,详细介绍for of循环的使用方法。

1. 字符串

用for of循环遍历字符串,可以很方便地获取每一个字符,如下所示:

let str = 'abc';
for (let char of str) {
  console.log(char); // 'a' 'b' 'c'
}

2. 数组

用for of循环遍历数组,可以很方便地获取每一个元素,如下所示:

let arr = [1, 2, 3];
for (let num of arr) {
  console.log(num); // 1 2 3
}

3. Set

用for of循环遍历Set,可以很方便地获取每一个元素,如下所示:

let set = new Set([1, 2, 3]);
for (let num of set) {
  console.log(num); // 1 2 3
}

4. Map

用for of循环遍历Map,可以很方便地获取每一个键值对,如下所示:

let map = new Map([['name', 'Alice'], ['age', 18]]);
for (let [key, value] of map) {
  console.log(key, value); // 'name' 'Alice' 'age' 18
}

注意,Map使用for of循环时需要使用解构赋值(destructuring assignment)来获取键和值。

最后,我们来看一个使用for of循环的示例代码,实现数组的求和功能:

let arr = [1, 2, 3];
let sum = 0;
for (let num of arr) {
  sum += num;
}
console.log(sum); // 6

通过for of循环,遍历数组中的每一个元素,并将其累加到sum变量中,最终输出6。

综上所述,for of循环是一个非常实用的工具,可以大大简化遍历可迭代对象的代码,提高代码的可读性和可维护性。

本文链接:http://task.lmcjl.com/news/15902.html

展开阅读全文