array.splice(start,deleteCount,item1,item2....)
splice
要领从array
移除n
个元素(大于或即是0
),而且可以用新的item
替代被移除的元素。参数start
是从数组array
中移除元素的最最先位置(数组的索引,正负数示意方向,负数示意从数组末端最先往前数,然则不管正负,移除的方向始终是索引递增的方向)。参数deleteCounts
是要移除的元素个数(假如设置为 0,则不会删除)。背面的items用来替代被移除的位置上(可多可少)。splice
终究返回一个包含被移除元素的数组,而且原数组也被转变。
splice
重要作用是从一个数组中删除元素(转变原数组),slice
重要作用是从数组中复制一段元素(不转变原数组),二者有本质区别
用法:
var a = [1,2,3,4,5],b=a.splice(0,2,6,7,8);
//a ==> [6, 7, 8, 3, 4, 5]
//b ==> [1,2]
原生要领完成剖析:
确认最先索引位置
start
,最小为0。确认须要移除的长度
deleConuts
,最小为0,确认原数组变化后的新长度
根据索引位置,猎取
deleConuts
长度的新数组,用于返回对原数组举行替代items新元素。
终究代码完成
//根据步骤,数组会被分红3个部份,左侧,arr_left,中心被删除arr_delete,右侧arr_right
Array.prototype.splice = function(start,deletCounts){
var max = Math.max,
min = Math.min,
len = this.length,//数组长度
insertCounts = max(arguments.length - 2 ,0),//用来替代的数组的个数,不包含参数值中的前2个
result = [],//存储用来返回的数组
;
//肯定索引最先位置
start = start >= 0 ? start || len + start ;//负数示意从数组末端最先往前数
//最多能删除从索引最先到数组完毕位置
deletCounts = max(min(typeof 'deletCounts' === 'number' ? deletCounts : len ,len - start),0);
var changeCounts = insertCounts - deletCounts ,//新增-删除
new_len = len + changeCounts ;//原数组变化后的新长度
//天生返回的数组
for (var i = 0; i < deletCounts; i++) {
var item = this[start + i];//从索引最先后的元素(包含start)
if(item !== undefined){
//凌驾原数组最大索引值会不存在
result[i] = item
}
if(start + i > len - 1){
//凌驾原数组最大索引,后续不须要再处置惩罚
break
}
}
//替代被删除项
var arr_right_length = len - start - deletCounts;//右侧arr_right长度
if(changeCounts > 0 ){
//新增大于删除,则将数组右侧部份arr_right 向右搬动差值个单元,相当于右侧的索引都增添 changeCounts(防备有堆叠部份,从右往左复制)
var i = 1;
while(arr_right_length){
this[new_len - i] = this[len - i];
k ++;
arr_right_length -- ;
}
}else if(changeCounts < 0){
//新增小于删除,则将右侧arr_right 向左搬动差值个单元
var i = start + insertCounts ;//右侧新的索引
for(var k = 0 ;k < arr_right_length ;k++){
this[i] = this[i - changeCounts] ;//由于是负数,所以 i -changeCounts示意更大
i ++ ;
}
this.length = new_len;//须要手动修正数组长度
}
for(var i = 0;i < insertCounts ; i++){
//对新增的部份举行赋值处置惩罚
this[start + i] = arguments[2+i]
}
//返回被删除的元素
return result
}
附上一图,愿望可以更清楚明了(画工太低劣):
不对的处所还望指点,感谢!