526互联

JavaScript之splice()

发布时间 2023-11-17 16:02:20作者: hasome

参考：https://blog.csdn.net/weixin_45726044/article/details/120151153

概述

splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。

一个参数

splice(index) ——> 从index的位置开始，删除之后的所有元素(包括第index个)
若 index < 0 , 则删除最后-index个元素

  1. index初始值为0，index = 2 即从第三个元素开始，删除之后所有元素，包括第三个
	let array = [0,1,2,3,4,5,6]
    document.write("原数组为："+ array + "<br />")
    let arrBack = array.splice(2)
    document.write("array：",array + "<br />")
    document.write("arrBack：",arrBack)

array：0，1
  1. 数组最后一个值对应的index=-1 index = -3即倒数第三个元素， 即从倒数第三个元素开始，删除之后的所有元素，包括倒数第三个
	  let array = [0,1,2,3,4,5,6]
	  document.write("原数组为："+array + "<br />")
	  let arrBack = array.splice(-3)
	  document.write("array：",array + "<br />")
	  document.write("arrBack：",arrBack)

array：0，1，2，3

两个参数

splice(index,howmany) ——> 删除从index位置开始的数，howmany为删除的个数
若 howmany 小于等于 0，则不删除

  1. 删除从index=2 即第三个元素开始，删除一个，即它自己本身
	  let array = [0,1,2,3,4,5,6]
	  document.write("原数组为："+array + "<br />")
	  let arrBack  = array.splice(2,1)
	  document.write("array：",array + "<br />")
	  document.write("arrBack：",arrBack)

array：0，1，3，4，5，6
  1. 删除从index=2 即第三个元素开始，删除0个，即不删除
	  let array = [0,1,2,3,4,5,6]
	  document.write("原数组为："+array + "<br />")
	  let arrBack  = array.splice(2,0)
	  document.write("array：",array + "<br />")
	  document.write("arrBack：",arrBack)

array：0，1，2，3，4，5，6

大于等于三个参数

splice(index ,howmany , item1, …, itemX )

  • index >0 时
    1、howmany 为 0 时 不删除只添加 —— 在index位置前添加item1, …, itemX的数
    2、howmany > 0 删除且添加 —— 删除从index位置开始的数，howmany为删除的个数，并且在index位置前添加item1, …, itemX的数
  • index <0 时 最后一个数为 -1 依次倒数第二个数为-2
    1、howmany 为 0 时 不删除只添加 —— 在-index位置前添加item1, …, itemX的数
    2、howmany > 0 删除且添加 —— 删除从-index位置开始的数，howmany为删除的个数，并且在-index位置前(相当于往后 -2前是 -1)添加item1, …, itemX的数
  1. 删除从index=2 即第三个元素开始，删除0个，即不删除；并在第三个元素前添加8，9
	  let array = [0,1,2,3,4,5,6]
	  document.write("原数组为："+array + "<br />")
	  let arrBack  = array.splice(2,0,8,9)
	  document.write("array：",array + "<br />")
	  document.write("arrBack：",arrBack)


array：0，1，8，9，2，3，4，5，6
  1. 删除从index=5 即第六个元素开始，删除3个(包含第六个)，后面只剩两个，全部删除；并在第六个元素前添加8，9
	  let array = [0,1,2,3,4,5,6]
	  document.write("原数组为："+array + "<br />")
	  let arrBack  = array.splice(5,3,8,9)
	  document.write("array：",array + "<br />")
	  document.write("arrBack：",arrBack)

array：0，1，2，3，4，8，9
  1. 删除从index=-2 即倒数第二个元素开始，删除0个，即不删除；并在倒数第二个元素前添加8，9
	  let array = [0,1,2,3,4,5,6]
	  document.write("原数组为："+array + "<br />")
	  let arrBack  = array.splice(-2,0,8,9)
	  document.write("array：",array + "<br />")
	  document.write("arrBack：",arrBack)

array：0，1，2，3，4，8，9，5，6
  1. 删除从index=-2 即倒数第二个元素开始，删除3个，即5，6（只有两个）；并在倒数第二个元素前添加8，9
	  let array = [0,1,2,3,4,5,6]
	  document.write("原数组为："+array + "<br />")
	  let arrBack  = array.splice(-2,3,8,9)
	  document.write("array：",array + "<br />")
	  document.write("arrBack：",arrBack)

array：0，1，2，3，4，8，9