Js中数组常用方法(1)

2018-06-13

Js中数组常用方法(1)


前段时间被人问到了几个关于数组的问题,以前对于数组常用的一些的方法自认为了解,当被问到的时候才抓瞎了,这段时间准备好好的把数组的知识在梳理
梳理。

所有的这些方法都会返回一个回调方法,方法里面的参数也比较好记

这个方法基本用来遍历一个数组,回调函数里提供了三个参数(item index arr)

item 是遍历中的每一个数据选项

index 是每个数据选项的顺序

arr 是指代的这个数组

forEach

let arr = [1, 2, 3, 10, 20, 30, 40];
arr.forEach((item, index, arr) => {
    console.log(item); // 1, 2, 3, 10, 20, 30, 40
})

some

这个方法用来判断数组里面是否至少有一个符合条件的选项数据(符合返回true 反之返回false)

let arr = [1, 2, 3, 10, 20, 30, 40];
let flag = arr.some((item, index, arr) => {
        return item > 30; 
})

console.log(flag) // true

let flag1 = arr.some((item, index, arr) => {
    return itme > 40; 
})

console.log(flag1) // false

every

这个方法用来判断数组里面是否每一个选项数据都符合条件(符合返回true 反之返回false)

let arr = [1, 2, 3, 10, 20, 30, 40];    
let flag = arr.every((item, index, arr) => {
        return item > 30; 
})

console.log(flag) // false

let flag1 = arr.some((item, index, arr) => {
    return itme > 0; 
})

console.log(flag1) // true

map

这个方法用来对数组中的每一个数据选项进行操作,返回一个新的数组

let arr = [1, 2, 3, 10, 20, 30, 40];    
let newArr = arr.map((item, index, arr) => {
        return item * 3; 
})

console.log(newArr); // [ 3, 6, 9, 30, 60, 90, 120 ]

filter

这个方法用来对数组中的每一个数据选项进行判断,不符合条件的将会被过滤掉,返回一个新的数组

let arr = [1, 2, 3, 10, 20, 30, 40];    
let newArr = arr.filter((item, index, arr) => {
        return item > 10; 
})

console.log(newArr); // [ 20, 30, 40 ]