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] 原数组不受影响


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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。