js中Array数组的常用方法

1.concat()数组的拼接

var arr1 = ['red', 'yellow', 'blue']
        var arr2 = ['green', 'white']
        var arr3 = ['red_black']
        var new_arr = arr1.concat(arr2, arr3)
        console.log(new_arr) //["red", "yellow", "blue", "green", "white", "red_black"]

2.pop()删除数组的最后一个元素,并且返回被删除的元素

var pop_value = new_arr.pop()
        console.log(new_arr) //["red", "yellow", "blue", "green", "white"]
        console.log("数组后面被删除的元素" + pop_value) //red_black

3.push() 在数组最后添加一个元素,并且返回数组的新长度

 var new_length = new_arr.push('black', 'purple', 'pink')
        console.log(new_arr) //  ["red", "yellow", "blue", "green", "white", "black", "purple", "pink"]
        console.log("在数组后面添加元素后的长度" + new_length) //8

4.shift()删除数组最前面的元素并且返回被删除的元素

 var shift_value = new_arr.shift()
        console.log(new_arr) // ["yellow", "blue", "green", "white", "black", "purple", "pink"]
        console.log("数组前面被删除的元素" + shift_value) //red

5.unshift()在数组最前面添加元素,并且返回数组的新长度

var unshift_length = new_arr.unshift("小乔", "大乔")
        console.log(new_arr) // ["小乔", "大乔", "yellow", "blue", "green", "white", "black", "purple", "pink"]
        console.log("在数组前面添加元素后的长度" + unshift_length) //9

6.slice()截取数组的元素,但是不会改变原数组的内容,参数有两个,第一个参数:起始下标,第二个参数结束下标,截取的元素不包含结束下标的元素,

如果结束下标为负数则是逆着选择元素,

如果只有一个参数就从这个参数截取到最后

 // ["小乔", "大乔", "yellow", "blue", "green", "white", "black", "purple", "pink"]
var new_Arr1 = new_arr.slice(2, 5)
        console.log(new_Arr1) // ["yellow", "blue", "green"]  不包含下标为5的元素

        var new_Arr2 = new_arr.slice(6)
        console.log(new_Arr2) // ["black", "purple", "pink"]从下标6开始到数组最后

        var new_Arr3 = new_arr.slice(3, -2) //
        console.log(new_Arr3) //["blue", "green", "white", "black"]

        var new_Arr4 = new_arr.slice(-4)
        console.log(new_Arr4) //["white", "black", "purple", "pink"]
        console.log('----------------------------------------------------------------')

7.splice(起始下标,截取数量,新值1,新值2,....)这个方法可以删除数组元素也可以增加数组元素,而且会改变原数组,添加元素是占据起始下标的位置.

var arr = ["小乔", "大乔", "yellow", "blue", "green", "white", "black", "purple", "pink"]

        //截取元素
        var new_arr1 = arr.splice(3, 4)
        console.log("截取的数据:" + new_arr1) //blue,green,white,black
        console.log("arr:" + arr) //小乔,大乔,yellow,purple,pink

        //添加元素
        arr.splice(2, 0, '貂蝉', '花木兰')
        console.log(arr) //["小乔", "大乔", "貂蝉", "花木兰", "yellow", "purple", "pink"]