[数组]-常用的数组遍历方法

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情

常用的11种数组遍历方法:

1. for循环语句
2. for in循环语句 和 for of循环语句（es6）
3. forEach数组对象内置方法　(es5)　
4. map数组对象内置方法　　
5. filter数组对象内置方法　　
6. reduce数组对象内置方法　　
7. some数组对象内置方法　和 every数组对象内置方法
8. indexOf数组对象内置方法 和 lastIndexOf数组对象内置方法　　

总结

• 一般的循环用for,for...in,for...of和forEach
• 需要映射为新数组的用map，
• 需要筛选出想要的用filter，
• 数值需要进行累加的用reduce，
• 如果要找一些值用some和every，
• 如果想知道值的具体位置的可以用indexOf和lastIndexOf

1.for循环

简洁明了，通俗易懂，性能最好 eg1：

let arr = [1, 2, 3, 4, 5];
for(let i = 0; i < arr.length; i++) {
　　arr[i] = arr[i] * 2
}
console.log(arr); //[2, 4, 6, 8, 10]

eg2：使用变量，将长度保存起来，当数组长度很大时，优化效果明显

let arr = [11,22,33,44,55];
for(let i = 0;let len = arr.length,i<len;i++){
    arr[i] = arr[i] *2;
}
console.log(arr)

2. for in和for of

• for of，只能遍历数组的值，不能遍历对象
• for in，可以遍历数组的下标，数组的值，或者对象的键值对
• for...in遍历数组的index值（下标）的数据类型是字符串，正常的index值是数字

let arr = [1, 2, 3, 4, 5];
for (let i of arr) {
  console.log(i); // 1, 2, 3, 4, 5
}
下面是for  in的例子，既可以遍历数组，也可以遍历对象
let arr = ["a", "b", "c", "d", "e"];
for (let i in arr) {
  console.log(i);       // 0,1,2,3,4
  console.log(arr[i]);  //a,b,c,d,e
}
for  in循环对象
let obj = {"name":"zyw","age":32,"job":"web"};
for (let i in obj) {
  console.log(i);       // name,age,job
  console.log(obj[i]);  //zyw,32,web
}

3. forEach

• forEach对于空数组是不会执行回调函数的
• 可接收三个参数（当前元素（必填），当前元素的索引，当前元素所属的数组对象）
• return 不能中断函数执行，所以没有返回值,也不可以使用break语句中断循环
• 不能改变原数组，性能没有for高 有兼容性

4.map

• 可以return返回值
• 一般（通过函数方法操作）用来映射为一个新数组
• 不改变原数组

let arr = [1, 2, 3, 4, 5];
let arrs = arr.map((value, index, array) => {
    return value * 2;
});
console.log(arrs); //[2, 4, 6, 8, 10]

5. filter

• 一般通过函数方法，过滤出符合要求的项，返回出来一个新数组

let arr = [1, 2, 3, 4, 5];
let temp=arr.filter((value)=>{
    return value>2
});
console.log(temp);  //[3, 4, 5]

6. reduce

• 可以实现一个累加器的功能，将数组的每个值（从左到右）累加起来

7. some和every

• 执行箭头函数里的方法，返回一个布尔真假
• some只要有，有返回真 换成every，只要不是全都符合，就返回假

let arr = [1, 2, 3, 4, 5];
let temp=arr.some((item)=>{
    return item>3;
});
console.log(temp);

8. indexOf和lastIndexOf

• 和字符串中该方法几乎一样
• 只要找到一个满足条件的值就不继续执行了
• 返回满足条件值的下标，否则返回-1

let arr = [1, 2, 3, 4, 5];
let temp=arr.indexOf(4);
console.log(temp);  //3
indexOf从左往右遍历，lastIndexOf从右往左遍历