乐闻世界logo
搜索文章和话题

说一下 splice 和 slice 的功能用法

2月7日 16:44

splice()slice() 都是 JavaScript 中用来处理数组的方法,但它们的功能和用法有所不同。

splice()

splice() 方法通过删除或替换现有元素或在数组中添加新元素来改变数组的内容。其基本语法如下:

javascript
array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
  • start: 指定修改的开始位置(数组索引)。
  • deleteCount: (可选)整数,表示要从数组中删除的元素数量。
  • item1, item2, ...: (可选)要添加进数组的新元素。

示例:

javascript
let myArray = ['a', 'b', 'c', 'd']; myArray.splice(1, 2, 'x', 'y'); // 从索引1开始删除2个元素,并添加'x'和'y' console.log(myArray); // 输出: ['a', 'x', 'y', 'd']

slice()

slice() 方法则返回一个新的数组,包含从开始到结束(不包括结束)选择的数组的一部分。原始数组不会被修改。其基本语法如下:

javascript
array.slice(begin[, end])
  • begin: 提取起始处的索引(从该索引开始提取元素)。
  • end: (可选)提取结束处的索引(到该索引之前的元素会被提取)。

示例:

javascript
let myArray = ['a', 'b', 'c', 'd']; let newArray = myArray.slice(1, 3); // 提取从索引1到索引2的元素 console.log(newArray); // 输出: ['b', 'c'] console.log(myArray); // 原数组不变,输出: ['a', 'b', 'c', 'd']

总结来说,splice() 是一个可以在任何位置添加或删除元素的方法,这会改变原数组,而 slice() 用于创建一个新的数组,包含原数组的一部分,原数组不会改变。

标签:前端ES6