JavaScript中循环遍历Array与Map的方法小结

下面是详细讲解“JavaScript中循环遍历Array与Map的方法小结”的完整攻略。

一、循环遍历Array

1. for循环

使用for循环逐一遍历数组元素，并进行操作。示例如下：

const arr = ['a', 'b', 'c', 'd'];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

输出结果为：

a
b
c
d

2. forEach方法

forEach方法是ES5引入的数组遍历方法，它可以接受一个函数作为参数，对数组中的每个元素进行处理。示例如下：

const arr = ['a', 'b', 'c', 'd'];
arr.forEach(function(item, index) {
  console.log(index, item);
});

输出结果为：

0 "a"
1 "b"
2 "c"
3 "d"

其中，item为数组元素，index为元素索引。

3. for...of循环

ES6引入了for...of循环，可以更加方便地对数组进行遍历。示例如下：

const arr = ['a', 'b', 'c', 'd'];
for (const item of arr) {
  console.log(item);
}

输出结果为：

a
b
c
d

二、循环遍历Map

1. for...of循环

使用for...of循环遍历Map时，可以直接对Map的entries()方法返回的键值对数组进行遍历。示例如下：

const map = new Map([
  ['a', 1],
  ['b', 2],
  ['c', 3],
  ['d', 4]
]);
for (const [key, value] of map.entries()) {
  console.log(key, value);
}

输出结果为：

a 1
b 2
c 3
d 4

2. forEach方法

Map对象也提供了forEach方法，与Array的forEach方法类似，对Map的每个键值对进行遍历。示例如下：

const map = new Map([
  ['a', 1],
  ['b', 2],
  ['c', 3],
  ['d', 4]
]);
map.forEach(function(value, key) {
  console.log(key, value);
});

输出结果为：

a 1
b 2
c 3
d 4

以上就是JavaScript中循环遍历Array与Map的方法小结的完整攻略，希望可以帮助到你。