ES6 数组新增方法
2018-11-07 本文已影响0人
神话降临
- Array.isArray(arr)
const arr = [1,2,3,4]
console.log(Array.isArray(arr)) //true
- reduce
返回计算后的数值,不改变原数组
可以操作任意类型数组
reduce四个参数
/*
*result 表示的是arr[0]
*item arr里面的元素从下标1开始,arr[1],arr[2],arr[3]
*index 数组下标(下标0除外,从1开始)
*arr 当前操作的数组 ,在此表示数组arr
*/
const arr = [1,2,3,4]
let num = arr.reduce((result,item,index,arr)=>{
return result+item
})
console.log(num) // 10
- forEach遍历
无返回值,遍历当前数组
可遍历任意类型数组
/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
const arr = [1,2,3,4]
arr.forEach((item,index,arr)=>{
console.log(index+ '-' +item)
})
- map
遍历数组返回一个新数组,不改变原数组
只能操作number类型数组
/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
const arr = [1,2,3,4]
let mapNum = arr.map((item,index,arr) => {
return item*10
})
console.log(mapNum) // [10,20,30,40]
- filter
过滤掉数组中不满足条件的值,返回一个新数组,不改变原数组的值
可过滤任意类型数组
/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
const arr = [1,2,3,4]
let filterNum = arr.filter((item,index,arr) =>{
return item > 2
})
console.log(filterNum) // [3,4]
- some
遍历数组每一项,有一项返回true则停止遍历,结果返回true,不改变原数组
/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
const arr = [1,2,3,4]
let someNum = arr.some((item,index,arr)=>{
return item > 3
})
console.log(someNum) // true
- every
遍历数组每一项,所有都为true返回true,有一项为false则停止遍历,返回false
/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
const arr = [1,2,3,4]
let everyNum = arr.every((item,index,arr) => {
return item > 1
})
console.log(everyNum) //false
- find
- includes