JS中的splice方法

Posted 2021-02-02 健人雄

JS中的splice方法

定义和用法

splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

注释：该方法会改变原始数组（集合）。

语法

arrayObject.splice(index,howmany,item1,.....,itemX)

index : 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany :必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX: 可选。向数组添加的新项目。

---

话不多说，来看实例

例子1

在本例中我们将删除位于 index 2 的元素，并添加一个新元素来替代被删除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")

</script>

输出：

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin

例子2

在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素，并添加一个新元素 ("William") 来替代被删除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,3,"William")
document.write(arr)

</script>

输出：

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin

例子3

直接删除某个list中的元素

for (var i = 0; i < state.list.length; i++) {
        if (state.list[i].optionId === action.payload) {
          state.list.splice(i, 1);
        }
      }

该例是在一个list中找出要删除的元素，用.splice(i,1)删除即可。