js数组slice和splice的区别

wiry_碎碎念

已于 2023-04-21 17:07:01 修改

阅读量123

点赞数

文章标签： javascript 前端

于 2023-04-15 22:23:22 首次发布

本文链接：https://blog.csdn.net/weixin_42247414/article/details/130175385

版权

slice

提取数组，不会改变原数组。

arr.slice()
表示浅拷贝数组，如果拷贝的值为非引用类型，不会改变原数组。

const arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(arr.slice(0))  //  [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

arr.slice(start)
表示提取原数组索引start项到最后一项的元素，返回新数组。如果start为正数，从数组头部第start项开始计算；如果start为负数，从数组尾部倒数第start项开始计算。

const arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(arr.slice(3))  //  [3, 4, 5, 6, 7, 8, 9]
console.log(arr.slice(-3))  //  [7, 8, 9]

arr.slice(start, end)
表示提取原数组索引start项到end项的元素（不包括end项的元素），返回新数组。如果start和end都是正数或者负数，end 必须大于 start；如果start为正数，end为负数，表示提取从第start项到倒数第end项的元素。

const arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(arr.slice(-3,-1))  //  [7, 8]
console.log(arr.slice(3,5))  //  [3, 4]
console.log(arr.slice(2,-2))  //  [2, 3, 4, 5, 6, 7]

splice

删除或替换现有元素，会改变原数组。

splice(start)
表示删除从数组索引start项到最后一项的元素。如果start为正数，从数组头部第start项开始计算；如果start为负数，从数组尾部倒数第start项开始计算。

const arr = ['Jan', 'Feb', 'March', 'April', 'June']
console.log(arr.splice(2))  //  ['March', 'April', 'June']
console.log(arr)  //  ['Jan', 'Feb']

const arr = ['Jan', 'Feb', 'March', 'April', 'June']
console.log(arr.splice(-2))  //  ['April', 'June']
console.log(arr)  //   ['Jan', 'Feb', 'March']

splice(start, deleteCount)
表示从数组索引第start项开始计算，移除deleteCount位元素。

const arr = ['Jan', 'Feb', 'March', 'April', 'June']
console.log(arr.splice(2,2))  //  ['March', 'April']
console.log(arr)  // ['Jan', 'Feb', 'June']

const arr = ['Jan', 'Feb', 'March', 'April', 'June']
console.log(arr.splice(-3,3))  //  ['March', 'April', 'June']
console.log(arr)  //   ['Jan', 'Feb']

splice(start, deleteCount, item1)
表示从数组索引第start项开始计算，移除deleteCount位元素，并替换为item1元素。

const arr = ['Jan', 'Feb', 'March', 'April', 'June']
console.log(arr.splice(2,1,'AAA'))  // ['March']
console.log(arr)  //  ['Jan', 'Feb', 'AAA', 'April', 'June']

const arr = ['Jan', 'Feb', 'March', 'April', 'June']
console.log(arr.splice(-2,1,'AAA'))  // ['April', 'June']
console.log(arr)  //  ['Jan', 'Feb', 'March', 'AAA']

splice(start, deleteCount, item1, item2, itemN)
表示从数组索引第start项开始计算，移除deleteCount位元素，并替换为item1, item2, itemN元素。

const arr = ['Jan', 'Feb', 'March', 'April', 'June']
console.log(arr.splice(2,2,'AAA','BBB','CCC'))  //  ['March', 'April']
console.log(arr)  //  ['Jan', 'Feb', 'AAA', 'BBB', 'CCC', 'June']