Array数组常用的20个内置方法

Array数组常用的20个内置方法

concat()

此方法用于连接两个或多个数组，该方法不会改变现有的数组，而是返回被连接数组的一个副本。
    var arr1 = [1, 2, 3],
        arr2 = [4, 5, 6];
    arr = arr2.concat(arr1);
    console.log(arr)//arr=[4,5,6,1,2,3]

find()

此方法用于：返回通过测试（函数内判断）的数组的第一个元素的值。
    var arr = [3, 5, 7, 9, 3, 7, 8];
    var num = arr.find(function(v) {
        return v > 6
    })
    console.log(num)//7

findindex()

此方法用于：返回传入一个测试条件（函数）符合条件的数组第一个元素位置。如果没有符合条件的元素返回 -1。
    var arr = [5, 6, 7, 99, , 4, 3];
    var num = arr.findIndex(function(v) {
        return v === 99;
    })
    console.log(num)//3

pop()

此方法用于：从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度。
    var arr = [5, 6, 7, 99, 4, 3];
    var num = arr.pop();
    console.log('新数组:', arr, '删掉的值:', num)

shift()

此方法用于：从数组中删除第一个元素，并返回该元素的值。
    var arr = [5, 6, 7, 99, 4, 3];
    console.log(arr.shift(), arr)

push()

此方法用于：向数组的末尾添加一个或多个元素，并返回新的长度。
    var arr = [5, 6, 7, 99, 4, 3];
    var num = arr.push('我', '你', '他')
    console.log(num, arr)

reverse()

此方法用于颠倒数组中元素的顺序。
    var arr = [5, 6, 7, 99, 4, 3];
    console.log(arr.reverse())

unshift(

此方法用于：向数组的开头添加一个或更多元素，并返回新的长度。
    var arr = [5, 6, 7, 99, 4, 3];
    console.log('新的长度:', arr.unshift('你', '是', '谁'), '新数组:', arr)

slice()

此方法用于：截取原数组从开始索引到结束索引（不包含自身）的元素并组成子数组,该方法返回一个新数组，不会修改原数组,若未指定结束索引，则截取到原数组最后一个元素。
    var arr = [5, 6, 7, 99, 4, 3];
    var newarr = arr.slice(2, 5);
    console.log('原数组:', arr, '新数组:', newarr)
    var newarr2 = arr.slice(3) //若未指定end参数，那么截取尾巴直到原数组最后一个元素（包含它）
    console.log('一个参数时新数组:', newarr2)

sort()

此方法用于：用原地算法对数组的元素进行排序，并返回数组。排序算法现在是稳定的。默认排序顺序是根据字符串Unicode码点。
    var arr = [5, 6, 7, 99, 4, 3];
    arr.sort();
    console.log(arr) //默认排列

    arr.sort(function(a, b) {
        return b - a //从大到小排列
    });
    console.log(arr)

splice()

此方法用于：通过删除现有元素和/或添加新元素来修改数组,并以数组返回原数组中被修改的。
    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22];
    arr.splice(2, 4) //从索引为2的元素开始删除4个元素
    console.log('删除后:', arr);

    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22];
    arr.splice(1, 4, '你', '我', '他') //索引为1到索引为4的元素被替换
    console.log('替换后:', arr)

includes()

此方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false。
    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22, '阿杜'];
    console.log(arr.includes('阿杜'));
    console.log(arr.includes('阿杜在车里'));

indexOf()

此方法用于：返回数组中某个指定的元素位置。如果在数组中没找到指定元素则返回 -1。
    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22, '阿杜'];
    console.log(arr.indexOf('阿杜'));
    console.log(arr.indexOf('阿杜在车里'));

join()

此方法用于：将一个数组或（类数组对象）的所有元素连接成一个字符串，并返回这个字符串。
    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22, '阿杜'];
    console.log(arr.join());

flat()

此方法会递归到指定深度将所有子数组连接，并返回一个新数组,即用于将嵌套的数组“拉平”，变成一维数组。
    var arr = [5, 6, 7, 99, [12, 23, 34, [98, 98, 97], 45], 3, 5, 66, 88, 22, ];
    console.log(arr.flat()) //lat()默认只“拉平”一层
    console.log(arr.flat(2)) //可以在flat()方法里写参数，表示想要拉平的层数，默认为1。

forEach():

此方法用于遍历数组，没有返回值。
    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22];
    arr.forEach(function(v, i, arr) {
        console.log('值', v, '索引', i)
    })

map()

此方法与forEach功能相同，参数一样，但是map有返回一个新数组，把每个结果加入新数组。
    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22];
    var newarr = arr.map(function(v, i, arr) {
        return v + 10 //可用于判断则返回布尔值
    })
    var newarr2 = arr.map(function(v, i, arr) {
        return v > 10 //可用于判断则返回布尔值
    })
    console.log('新数组', newarr);
    console.log('判断', newarr2)

filter()

此方法用于：把满足条件的数据过滤出来。
    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22];
    var newarr = arr.filter(v => v > 20);
    console.log(newarr)

every()

此方法用于:每一个元素满足条件，返回true,反之false。
    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22];
    var newarr = arr.every(v => v > 20);
    console.log(newarr)

some()

此方法用于:其中一个元素满足条件就返回true.若一个都没有返回false。
    var arr = [5, 6, 7, 99, 4, 3, 5, 66, 88, 22];
    var newarr = arr.some(v => v > 20);
    var newarr2 = arr.some(v => v > 100);
    console.log(newarr)
    console.log(newarr2)