總結(jié)一下JavaScript中一些常用的數(shù)組方法以及ES5新增的一些數(shù)組方法

員工經(jīng)過長(zhǎng)期磨合與沉淀，具備了協(xié)作精神，得以通過團(tuán)隊(duì)的力量開發(fā)出優(yōu)質(zhì)的產(chǎn)品。創(chuàng)新互聯(lián)建站堅(jiān)持“專注、創(chuàng)新、易用”的產(chǎn)品理念，因?yàn)椤皩Ｗ⑺詫I(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡(jiǎn)單”。公司專注于為企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、電商網(wǎng)站開發(fā)，微信小程序，軟件按需制作網(wǎng)站等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。

push()

push的功能：在數(shù)組的尾部追加元素，可以一次追加多個(gè)，返回追加元素后的數(shù)組長(zhǎng)度，原數(shù)組改變

var arr=[1,2,3,4,5,6];
var x=arr.push(22,44,55);
console.log(x);
console.log(arr);

pop（）

pop的功能：從數(shù)組的尾部刪除一個(gè)元素，不接受參數(shù)，返回刪除的元素，原數(shù)組改變

    var arr=[1,2,3,4,5,6];
    var x=arr.pop();
    console.log(x);
    console.log(arr);

unshift()

unshift的功能：在數(shù)組的頭部添加元素，可以一次性追加多個(gè)，返回追加元素后的數(shù)組長(zhǎng)度，原數(shù)組改變

            var arr=[1,2,3,4,5,6];
            var x=arr.unshift(22,33);
            console.log(x);
            console.log(arr);

shift（）

shift的功能：從數(shù)組的頭部刪除一個(gè)元素，不接受參數(shù)，返回刪除的元素，原數(shù)組改變

var arr=[1,2,3,4,5,6];
var x=arr.shift();
console.log(x);
console.log(arr);

slice（）

slice的功能：截取數(shù)組中的元素，返回截取的元素組成的新數(shù)組，原數(shù)組不變。
若沒有參數(shù)：截取數(shù)組的全部元素
一個(gè)參數(shù)：返回從該參數(shù)表示的索引位開始到數(shù)組結(jié)束所截取的新數(shù)組
兩個(gè)參數(shù)：返回從一個(gè)參數(shù)表示的索引位開始到第二個(gè)參數(shù)表示的索引位結(jié)束截取的新數(shù)組（不包括第二個(gè)參數(shù)對(duì)應(yīng)索引位的值）

沒有參數(shù)：

        var arr=[1,2,3,4,5,6];
        var x=arr.slice();
        console.log(x);
        console.log(arr);

一個(gè)參數(shù)：

var arr=[1,2,3,4,5,6];
        var x=arr.slice(3);
        console.log(x);
        console.log(arr);

兩個(gè)參數(shù)：

var arr=[1,2,3,4,5,6];
        var x=arr.slice(2,5);
        console.log(x);
        console.log(arr);

splice（）

splice的功能：截取數(shù)組中的元素，返回截取的元素組成的新數(shù)組，原數(shù)組改變。
若沒有參數(shù)：返回空數(shù)組

var arr=[1,2,3,4,5,6];
        var x=arr.splice();
        console.log(x);
        console.log(arr);

若有一個(gè)參數(shù)：第一個(gè)參數(shù)表示截取開始位，直至數(shù)組結(jié)束

var arr=[1,2,3,4,5,6];
        var x=arr.splice(4);
        console.log(x);
        console.log(arr);

若有兩個(gè)參數(shù)：第一個(gè)參數(shù)表示截取開始位，第二個(gè)參數(shù)表示截取的長(zhǎng)度

var arr=[1,2,3,4,5,6];
        var x=arr.splice(2,3);
        console.log(x);
        console.log(arr);

三個(gè)及以上參數(shù)：從第三個(gè)參數(shù)開始，表示從截取開始位需要添加進(jìn)數(shù)組的元素

var arr=[1,2,3,4,5,6];
        var x=arr.splice(2,3,89,78,22);
        console.log(x);
        console.log(arr);

reverse（）

reverse的功能：逆序，原數(shù)組改變

var arr=[1,2,3,4,5,6];
        var x=arr.reverse();
        console.log(x);
        console.log(arr);

sort（）

sort的功能：對(duì)數(shù)組排序，參數(shù)是一個(gè)函數(shù)。

var arr=[1,2,3,4,5,6];
        arr.sort(function(a,b){
            //return后面的值,若是a-b,表示升序排列,若是b-a,則表示降序排列
            return b-a; 
        })
        console.log(arr);

、

join（）

join的功能：連接數(shù)組中的元素，將數(shù)組轉(zhuǎn)化成字符串

    var arr=[61,22,35,14,75,6];
        var str=arr.join("");
        console.log(str);

contact（）

contact的功能：合并數(shù)組

    var arr1=[61,22,35,14,75,6];
        var arr2=[34,12,314,45,456,9];
        var arr=arr1.concat(arr2);
        console.log(arr);

ES5新增的數(shù)組方法：

indexOf（）

indexOf的功能：返回某個(gè)元素在數(shù)組中的索引值，如果沒有則返回-1；

    var arr1=[61,22,35,14,75,6];
        var num1=arr1.indexOf(35);
        console.log(num1);
        var num2=arr1.indexOf(98);
        console.log(num2);

forEach（）

forEach的功能：用來遍歷數(shù)組，最多接受三個(gè)參數(shù)
第一個(gè)參數(shù)表示數(shù)組中的元素，第二個(gè)參數(shù)表示索引，第三個(gè)參數(shù)返回原數(shù)組

        var arr1=[61,22,35,14,75,6];
        arr1.forEach(function(item,index,arr){
            console.log(item,index,arr);
        })

map（）

map的功能：遍歷數(shù)組
map和forEach的區(qū)別：map可以有返回值，forEach不可以有返回值

    var arr1=[61,22,35,14,75,6];
        var newArr=arr1.map(function(item,index){
            console.log(item,index);
            return item+1;
        })
        console.log(newArr);

filter（）

filter的功能：過濾數(shù)組中的元素；

        var arr1=[61,22,35,14,75,6];
        var newArr=arr1.filter(function(item){
            return item>30;
        })
        console.log(newArr);

some（）

some的功能：過濾數(shù)組中的元素，返回值為true，false，且只要有一個(gè)元素滿足條件，就返回true。

var arr1=[61,22,35,14,75,6];
        var newArr=arr1.some(function(item){
            return item>30;
        })
        console.log(newArr);

every（）

every的功能：過濾數(shù)組中的元素，返回值為true，false，且必須所有元素滿足條件，才返回true。

        var arr1=[61,22,35,14,75,6];
        var newArr=arr1.every(function(item){
            return item>30;
        })
        console.log(newArr);

reduce（）

reduce的功能：對(duì)數(shù)組中的元素進(jìn)行求和。

    var arr1=[61,22,35,14,75,6];
        var newArr=arr1.reduce(function(a,b){
            return a+b;
        })
        console.log(newArr);