splice 和 slice 的区别

splice 和 slice 都是 JavaScript 操作数组的方法。

splice

splice(start, deleteCount, item1, item2, …) 方法可以对数组进行增、删、改的操作。
start:表示开始操作的位置。
deleteCount: 表示需要删除的元素数量。
可选的 item1, item2, … 表示需要添加到数组中的元素。

举个例子,如果我们有一个数组 arr,想要删除其中的一个元素,可以使用 splice 方法:

const arr = ['a', 'b', 'c'];
arr.splice(1, 1); //删除b元素
console.log(arr); 
// ['a', 'c']

在数组中添加一个元素:

const arr = ['a', 'b', 'c'];
arr.splice(1, 0, 'd');//增加d元素
console.log(arr); 
// ['a', 'd', 'b', 'c']

将 b 元素更换成 d:

const arr = ['a', 'b', 'c'];
arr.splice(1, 1, 'd'); // 删除b元素
console.log(arr); 
// ['a', 'd', 'c']

slice

slice(start, end) 方法是从数组中提取一段元素,返回一个新的数组。
start 参数表示开始提取的位置,包含该位置的元素。
可选的 end 参数表示提取结束的位置,不包含该位置的元素。如果不指定该参数,则提取到数组的末尾。

举个例子,如果我们有一个数组 arr,想要提取其中的一段元素,可以使用 slice 方法:

const arr = ['a', 'b', 'c'];
// 提取 b 元素
const res = arr.slice(1, 3); 
console.log(res);
// ['b']
const arr = ['a', 'b', 'c'];
// 提取 a 元素之后的元素
const res = arr.slice(1); 
console.log(res);
// ['b', 'c']

以上就是 splice 和 slice 的用法:splice 方法用于增、删、改,而 slice 方法用于提取子数组。

猜你喜欢

转载自blog.csdn.net/qq_42816270/article/details/129192988