ES6新增的操作数组常用的方法（详解）

目录

1.forEach() 循环遍历数组

2.map 映射数组

3.filter 数组过滤

4.every 判断数组是否每一个都满足条件

5.some 判断数组中是否有满足条件的

6.find 获取数组中满足条件的第一个数据

7.reduce 叠加作用

---

1.forEach() 循环遍历数组

语法：array.forEach(function(item,index,arr){})

        item：数组中的每一项的别名

        index：索引，对应每一项的索引

        arr：原数组

作用：遍历数组，代替for

返回值：没有返回值，如果要有返回值为undefined

代码示例：

let array=[1,2,3]
array.forEach(function(item,index,arr){
     console.log(item+'-------'+index+'-------'+arr)
})

2.map 映射数组

语法：array.map(function(item,index,arr){})

        item：数组中的每一项的别名

        index：索引，对应每一项的索引

        arr：原数组

作用：用来映射

返回值：数组，返回映射完毕的数组；这个数组长度与原数组长度保持一致

代码示例：

let array=[1,2,3]
let result=array.map(function(item,index,arr){
     return item*2
})
console.log(result)

3.filter 数组过滤

语法：array.filter(function(item,index,arr){})

        item：数组中的每一项的别名

        index：索引，对应每一项的索引

        arr：原数组

作用：用来过滤数组

返回值：数组，如果没有返回一个空数组，否则返回一个由过滤(筛选)出来的数据组成的数组；

代码示例：

let array=[1,2,3]
let result=array.filter(function(item,index,arr){
     return item>2
})
console.log(result)

4.every 判断数组是否每一个都满足条件

语法：array.filter(function(item,index,arr){})

        item：数组中的每一项的别名

        index：索引，对应每一项的索引

        arr：原数组

作用： 判断数组是否每一个都满足条件，只有所有的都满足条件返回的是true，只要有一个不满足返回的就是false

返回值：布尔值

代码示例：

let array=[1,2,3]
let result=array.every(function(item,index,arr){
     return item>0;
})
console.log(result) //返回true

5.some 判断数组中是否有满足条件的

语法：array.filter(function(item,index,arr){})

        item：数组中的每一项的别名

        index：索引，对应每一项的索引

        arr：原数组

作用： 判断数组是否有满足条件的，只要有一个满足条件的返回true，只要都不满足的就是false

返回值：布尔值

代码示例：

let array=[1,2,3]
let result=array.some(function(item,index,arr){
     return item>2;
})
console.log(result) //返回true

6.find 获取数组中满足条件的第一个数据

语法：array.filter(function(item,index,arr){})

        item：数组中的每一项的别名

        index：索引，对应每一项的索引

        arr：原数组

作用：获取数组中满足条件的数据

返回值：如果有，返回满足条件的第一个数据；如果没有就是undefined

代码示例：

let array=[1,2,3]
let result=array.find(function(item,index,arr){
     return item>1;
})
console.log(result) //返回2

7.reduce 叠加作用

语法：array.filter(function(prev,item,index,arr){},初始值)

        prev :一开始就是初始值，当每次有结果之后，这个值就是每次的结果

        item：数组中的每一项的别名

        index：索引，对应每一项的索引

        arr：原数组

作用： 就是用来叠加的

返回值：叠加后的结果

代码示例：

let array=[1,2,3]
let result=array.reduce(function(prev,item,index,arr){
     return prev*=item;
},1)
console.log(result) //返回6