js中的splice方法和slice方法简单总结

slice:是截取用的

splice:是做删除 插入 替换用的

slice(start,end):

参数:

start:开始位置的索引

end:结束位置的索引(但不包含该索引位置的元素)

例如：

var arr=[‘a’,’b’,’c’,’d’]

var newArr=arr.slice(0,3);          //不包含索引值为3对应的元素

console.log(newArr);                   //输出的是[‘a’,’b’,’c’,’]

var newArr2=arr.slice(0);           //如果没有第二个参数，截取到的是最后一个元素

console.log(newArr2);                //输出的是[‘a’,’b’,’c’,’d’]

splice具有删除，插入，替换的功能

1:删除的功能

splice(index,count)

参数:

index:开始位置的索引

count:要删除元素的个数

返回:返回的是包含被删除元素的数组对象

//删除功能

Var newArr=arr.splice(1,2);                 //会把b,c两个元素给删除掉

console.log(arr);                                       //[‘a’,’d’]

console.log(newArr);                             //返回[‘b’,’c’]

2. 插入功能

splice(index,0,插入的项)

参数

index:插入元素的索引值

例如:

//插入功能

var arr=[‘a’,’b’,’c’,’d’]

var newArr=arr.splice(2,0,’张三’)

console.log(arr)           //输出=[‘a’,’b’,’张三’,’c’,’d’]

3:替换功能

splice(index,num,value)

index:开始的索引位置

num:删除项的数(如果num为0，就是插入功能)

value:插入的值

返回:返回的是包含被删除的元素的数组对象

var arr=[‘a’,’b’,’c’,’d’]

var newArr=arr.splice(2,2,’张三’,’李四’)

console.log(arr)           //输出=[‘a’,’b’,’张三’,’李四’]

console.log(newArr)          //输入[‘c’,’d’]

https://blog.51cto.com/11871779/2126642    js中的splice方法和slice方法简单总结