JavaScript中的slice()和splice()

slice() 和 splice() 是 JavaScript 中 Array 对象原型的两个方法，由于方法名很相像，经常会记混两者的作用，下面来做一个明确的区分。

 

1.slice(start[, end])：

从数组中取元素，返回取出的子数组，对原数组无影响。其中，start 参数必填，表示取元素的起始位置；end 参数可选，表示取元素的终止位置，但不包含 array[end] 元素（可以理解为最终取出的数组中元素有 end - start 个），如果 end 为空，则默认为 array.lengh。看几个例子：

var numArray = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
numArray.slice(5) //返回 [5, 6, 7, 8, 9]
numArray.slice(5, 6) //返回 [5]
numArray //[0, 1, 2, 3, 4, 5, 6, 7, 8, 9] 原数组不受影响

注：

slice() 同样也是 String.prototype 中的方法，接收的参数和 Array.prototype.slice() 相同，返回截取后的字符串，原字符串不受影响。splice() 方法则不在 Array.prototype 中。

2.splice(start[, number, item1, item2, …, itemN])：

对数组进行添加 / 删除元素，返回被删除的元素，对原数组有影响。其中，start 参数必填，表示进行操作的起始位置；number 参数可选，表示要删除的元素个数，0 为不删除元素；item1, item2, …, itemN 参数可选，表示要添加的元素值。看几个例子：

var numArray = [0,1, 2, 3, 4, 5, 6, 7, 8, 9]
myArray.splice(9,1) //[9]
myArray //[0, 1,2, 3, 4, 5, 6, 7, 8]
myArray.splice(8,1, 8, 9, 10) //[8]
myArray //[0, 1,2, 3, 4, 5, 6, 7, 8, 9, 10]
myArray.splice(1)//[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
myArray //[0]

 

补充：JavaScript 中数组的常用操作：

1. pop()  shift() ：

1.1 pop() 用于删除数组最后一个元素，并返回被删除的元素：

var numArray = [0,1, 2, 3, 4, 5, 6, 7, 8, 9]
numArray.pop()//9
numArray //[0,1, 2, 3, 4, 5, 6, 7, 8]

1.2 shift() 用于删除数组的第一个元素，并返回被删除的元素：

var numArray = [0,1, 2, 3, 4, 5, 6, 7, 8, 9]
numArray.shift()//0
numArray //[1,2, 3, 4, 5, 6, 7, 8, 9]

2. push()  unshift() ：

2.1 push() 用于向数组末尾添加一个或多个元素，并返回添加元素后数组的长度：

var numArray = [0,1, 2, 3, 4, 5, 6, 7, 8, 9]
numArray.push(10,11, 12) //13
numArray = [0,1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]

2.2 unshift() 用于向数组开头添加一个或多个元素，并返回添加元素后数组的长度：

var numArray = [0,1, 2, 3, 4, 5, 6, 7, 8, 9]
numArray.unshift(10,11, 12) //13
numArray = [10,11, 12, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

本文出自 “细桶假狗屎” 博客，请务必保留此出处http://xitongjiagoushi.blog.51cto.com/9975742/1653063