es6关于数组的几个函数

关于数组的函数

map

1. map遍历方法的回调函数里有三个参数，(val, index, all)，分别代表值、下标、被循环的数组。

let arr = [{title:'new1',read:200,hot:true},
        {title:'new2',read:300,hot:true},
        {title:'new3',read:400,hot:true}];
let newarr = arr.map((val, index, all) => {
    return {
        t:`^_^${val.title}`,
        r:val.read+50,
        h:val.hot==true && 'yeah!'
    }
});
console.log(newarr)

1. filter过滤方法

let arr = [{title: 'new1', read: 200, hot: true},
    {title: 'new2',read: 300,hot: false},
    {title: 'new2',read: 300,hot: false},
    {title: 'new3',read: 400,hot: true}];
let newarr = arr.filter((val, index, a) =>{
    return val.hot //表达式中，返回结果为true的就留下来
});
console.log(newarr)

1. forEach遍历没有返回值,map有

newarr.forEach((val, index, a) => {
    document.write(`${val.title}--${val.read}--${val.hot}<br>`);
});

1. some 类似于查找,含有某个条件就返回true

let arr = ['apple', 'banana', 'pear'];
let b = arr.some((val, index, a) =>{
    return 'apple';
})
console.log(b)  // 结果为true

1. every 检验数组中每一个值是否都符合条件

let arr2 = [1, 3, 5, 7, 9];
let c = arr2.every((val, index, a) => {
    return val%2==1;
})
console.log(c) // 结果为true

1. reduce 用于数组前后项有一定联系时

//求和
let a = arr.reduce((prev, cur, index, arr) => {
    return prev+cur;
})

//求阶乘
let b= arr.reduce((prev, cur ,index ,arr) =>{
    return prev*cur;
})

1. reduceRight 同上，反方向

let arr = [2, 2, 3];
let e = arr.reduceRight((prev, cur, index, arr) =>{
    return prev ** cur;
})
e // 81

1. find 找出第一个符合条件的value，如果没有找到就是undefined

let arr = [2, 5, 40, 19, 7];
let res = arr.find((val, index, arr) =>{
    return val > 15;//40先出来，所以结果是40
});
console.log(res);// 40

1. Array.findIndex()同上，找的是index

let arr = [2, 5, 40, 19, 7];
let res = arr.findIndex((val, index, arr) =>{
    return val > 15;//40先出来，40的index为 2
});
console.log(res); // 2

10.arr.includes()检查是否包含

let arr = [1,5,3,6,8];
let c = arr.includes(3);
console.log(c);

1. from 生成数组，可用于类数组转数组

function show(){
    let arr = [...arguments];
    let arr = Array.from(arguments);
    //镜像拷贝数组后，就可以进行数组操作
    let last = arr.pop();
    arr.unshift(last);
    console.log(arr);
}
show(1,2,3,4,5)