JavaScript数组常用方法

Array.map()

解释：此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组

let arr = [1, 2, 3, 4, 5]
let newArr = arr.map(x => x*2)
//arr= [1, 2, 3, 4, 5]   原数组保持不变
//newArr = [2, 4, 6, 8, 10] 返回新数组

 

Array.forEach()

解释：此方法是将数组中的每个元素执行传进提供的函数，没有返回值，直接改变原数组

let arr = [1, 2, 3, 4, 5]
   num.forEach(x => x*2)
   // arr = [2, 4, 6, 8, 10]  原数组改变,注意和map区分

 

Array.filter()

解释：此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回

let arr = [1, 2, 3, 4, 5]
    const isBigEnough => value => value >= 2
    let newArr = arr.filter(isBigEnough )
    //newNum = [2,3, 4, 5] 满足条件的元素返回为一个新的数组

 

Array.every()

解释：此方法是将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回true，否则为false

    let arr = [1, 2, 3, 4, 5]
    const isLessThan4 => value => value < 4
    const isLessThan6 => value => value < 6
    arr.every(isLessThan4 ) //false
    arr.every(isLessThan6 ) //true

 

Array.some()

解释：此方法是将所有元素进行判断返回一个布尔值，如果存在元素都满足判断条件，则返回true，若所有元素都不满足判断条件，则返回false

    let arr= [1, 2, 3, 4, 5]
    const isLessThan4 => value => value < 4
    const isLessThan6 => value => value > 6
    arr.some(isLessThan4 ) //true
    arr.some(isLessThan6 ) //false

 

Array.reduce()

解释：此方法是所有元素调用返回函数，返回值为最后结果,传入的值必须是函数类型

   let arr = [1, 2, 3, 4, 5]
   const add = (a, b) => a + b
   let sum = arr.reduce(add)
   //sum = 15  相当于累加的效果

 

Array.push()

解释：此方法是在数组的后面添加新加元素，此方法改变了数组的长度

    let arr = [1,2,3,4,5]
    arr.push(6)    //[1, 2, 3, 4, 5, 6]

 

Array.pop()

解释：从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度。

    let arr = [1, 2, 3, 4, 5]
    arr.pop()
    console.log(arr) //[1, 2, 3, 4]
    console.log(arr.length) //4

 

Array.shift()

解释：方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。

    let arr = [1, 2, 3, 4, 5]
    arr.shift()
    console.log(arr) //[2, 3, 4, 5]
    console.log(arr.length) //4

 

Array.unshift()

解释：方法将一个或多个元素添加到数组的开头，并返回该数组的新长度(该方法修改原有数组)。

    const array1 = [1, 2, 3];
    console.log(array1.unshift(4, 5));
    // expected output: 5
    console.log(array1);
    // expected output: Array [4, 5, 1, 2, 3]

 

Array.isArray()

解释：用于确定传递的值是否是一个 Array。

    Array.isArray([1, 2, 3]);
    // true
    Array.isArray({foo: 123});
    // false
    Array.isArray("foobar");
    // false
    Array.isArray(undefined);
    // false

 

 

Array.concat()

解释：用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);

console.log(array3);
// expected output: Array ["a", "b", "c", "d", "e", "f"]

 

Array.toString()

解释：此方法将数组转化为字符串

    const array1 = [1, 2, 'a', '1a'];

    console.log(array1.toString());
    // expected output: "1,2,a,1a"

 

Array.join()

解释：将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。

    const elements = ['Fire', 'Air', 'Water'];

    console.log(elements.join());
    // expected output: "Fire,Air,Water"

    console.log(elements.join(''));
    // expected output: "FireAirWater"

    console.log(elements.join('-'));
    // expected output: "Fire-Air-Water"

 

Array.splice()

解释：通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。（可以实现数组的“增”，”删“，”改“）

    const months = ['Jan', 'March', 'April', 'June'];
    months.splice(1, 0, 'Feb');
    // inserts at index 1
    console.log(months);
    // expected output: Array ["Jan", "Feb", "March", "April", "June"]

    months.splice(4, 1, 'May');
    // replaces 1 element at index 4
    console.log(months);
    // expected output: Array ["Jan", "Feb", "March", "April", "May"]