javascript中常用数组对象循环方法

一、for 循环

for (let i = 0; i < 5; i++) {
  console.log(i);
}
// 结果：0 1 2 3 4

二、forEach 方法

//接收三个参数：当前元素、当前索引和正在遍历的数组
const array = [1, 2, 3, 4, 5];
array.forEach(function(el, index, arr) {
  console.log(el, index, arr);
});
//          1 0 [1, 2, 3, 4, 5]
//         2 1 [1, 2, 3, 4, 5]
//         3 2 [1, 2, 3, 4, 5]
//         4 3 [1, 2, 3, 4, 5]
//         5 4 [1, 2, 3, 4, 5]

三、for…of 循环（ES6）

const array = [1, 2, 3, 4, 5];
for (const el of array) {
  console.log(el);
}
// 1 2 3 4 5

四、map

//接收三个参数：当前元素、当前索引和正在遍历的数组   它必须返回一个新的元素值
const array = [1, 2, 3, 4, 5];
const newArray = array.map(function(item, index, arr) {
  return item* 2;
});
console.log(newArray);
// [2, 4, 6, 8, 10]

五、filter

//接收三个参数：当前元素、当前索引和正在遍历的数组
const array = [1, 2, 3, 4, 5];
const filteredArray = array.filter(function(item, index, arr) {
  return item> 3;
});
console.log(filteredArray);
// [4, 5]

六、reduce

//接收四个参数：累加器、当前元素、当前索引和正在遍历的数组
//函数返回一个将被用作下一次迭代的累积结果的值
//初始值（可选）未提供初始值，则将使用数组的第一个元素作为初始值并从第二个元素开始迭代。
const array = [1, 2, 3, 4, 5];
const sum = array.reduce(function(accumulator, item, index, arr) {
  return accumulator + item;
}, 0);
console.log(sum);
//15

七、Object.keys() （遍历对象的键）

const obj = {a: 1, b: 2, c: 3};
for (const key of Object.keys(obj)) {
  console.log(key);
}
// a b c

八、Object.values() （遍历对象的值）

const obj = {a: 1, b: 2, c: 3};
for (const key of Object.values(obj)) {
  console.log(key);
}
// 1  2  3

九、Object.entries 对象键值对

const obj = {a: 1, b: 2, c: 3};
for (const key of Object.entries(obj)) {
  console.log(key);
}
//['a',1]
//['b',2]
//['c',3]