JS splice()方法指定数组位置添加或删除元素,在线编辑器

splice()方法描述

JavaScript中,内置的数组方法splice()可用于在指定数组的索引位置添加或删除元素。


splice()添加元素语法和参数结构

arr.splice( index, num, ele1,ele2,...elen )

1、第一个元素index用于指定splice()方法所要添加的新元素的位置;2、第二个参数num指定splice()方法所要删除的元素个数;3、ele部分的元素,定义的是splice()方法所要添加的新的数组元素。


splice()方法添加元素实例代码,及在线编辑器

<script>
  var x = [1,2,3]
  x.splice(1,0,5,6)
  alert(x)
  x.splice(1,2,8,9)
  alert(x)
</script>

splice()添加元素代码解析

如上代码,当数组x第一次调用splice()方法时,指定索引1位置添加两个元素5和6,并删除0个元素(第二个参数指定),得到的x的值为[1,5,6,2,3];第二次调用splice()方法时,指定在索引1位置后面删除掉两个元素(第二个参数指定),为5和6,然后再在索引1的位置添加两个元素8和9。


splice()删除指定位置元素

splice()只有一个参数时

当splice()只传递一个参数时,splice()方法将删除掉指定索引位置及后面的所有元素,如下实例代码:

<script>
  var y = ['笨鸟工具','x1y1z1.com','web','python','JS','HTML']
  y.splice(2)
  alert(y)
</script>

splice()两个参数时

当传递splice()两个参数时,splice()方法可用于删除第一个参数指定索引位置后的第二个参数指定个数的元素,实例代码如下:

<script>
  var z = ['a','b','c','d','e']
  z.splice(1,2)
  alert(z)
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.