js数组中关于splice（）、slice（）、concat（）push（）、pop（）等方法的应用

一、总结：

splice（）方法既可以删除也可以添加数组元素

slice（）方法基于当前数组中的一个或者多个创建数组

concat（）方法将两个数组连接起来

push（）方法每次压入多个元素，最终返回更新后的数组长度

pop（）方法弹出数组最后的一个元素

二、具体分析

2.1  splice（）方法

splice方法用来删除或者增加数组元素
注意：会改变原始数组

splice三种用法：

删除元素

语法格式：array.splice(index,howmany)

var color = ["red", "blue", "green", "white"]
var newColor = color.splice(1, 2) //splice(1,2)的意识是删除数组下标为1的两个数
alert(color)     //red  white
alert(newColor) //blue green

替换元素：array.splice(index,howmany,item1....itemx)

var number = [1, 2, 3, 4, 5, 6]
var newNumber = number.splice(3, 1, "1", "2") //splice(3, 1, "1", "2")表示数组下标为3的数被1,2代替
alert(number)      //1,2,3,1,2,5,6
alert(newNumber)   // 4

插入元素：

语法格式：array.splice(index,howmany,item1,.....,itemX)

和替换很相似，只需要将howmany的数值改为0即可

var number = [1, 2, 3, 4, 5, 6]
var newNumber = number.splice(3, 0, "1", "2") //splice(3, 0, "1", "2")表示在数组下标为3的数之前添加数1、2
alert(number) //1,2,3,1,2,4,5,6
alert(newNumber)

2.2 slice（）方法

slice可以接收一个或者两个参数

注意：slice方法不会改变原数组

当slice接收一个参数的时候：返回当前数组中从此参数开始到到当前数组末尾的所有项

当接收两个参数的时候：返回当前数组参数位置间的所有参数，但不包括第二个参数的数组项

也可以返回负数，代表从末尾算起，-1代表最后一个

slice也可以提取字符串

var number = [1, 2, 3, 4, 5, 6, 7, 8]
number.slice(2) //3,4,5,6,7,8
number.slice(2, 6) //3, 4, 5, 6
number.slice(4, -1) //5,6,7

2.3   concat（）方法

concat方法既可以连接数组的值，也可以连接字符串的值

该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

var first = ["tom", "jerry"]
var second = ["jacik", "jack"]
var third = ["rain"]
var boss = first.concat(second, third)  //tom,jerry,jacik,jack,rain

连接字符串方式与数组类似：

var first = "tom"
var second = " love "
var third = "rain"
var boss = first.concat(second, third) //tom love rain

2.4  push（）方法

方法可向数组的末尾添加一个或多个元素，并返回新的长度。

注意：改变原数组、在数组末尾加元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")

结果为：Banana,Orange,Apple,Mango,Kiwi

与push对立的unshift（）在数组头加元素 用法类似

2.5 pop（）方法

pop（）移出数组中的最后一个元素

注意：改变数组元素的长度

var a=[1,2,3]
a.pop()  //弹出的是3

与pop相对应的方法是shift（）：删除数组中的第一个元素