Java教程

JavaScript基础学习-集合操作splice

本文主要是介绍JavaScript基础学习-集合操作splice,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

splice(删除的第一个元素的位置,要删除的元素数量,插入的元素1,插入的元素2,。。。)
例:

  • 删除。需要给splice()传2 个参数:要删除的第一个元素的位置和要删除的元素数量。可以从数组中删除任意多个元素,比如splice(0, 2)会删除前两个元素。
  • 插入。需要给splice()传3 个参数:开始位置、0(要删除的元素数量)和要插入的元素,可以在数组中指定的位置插入元素。
    第三个参数之后还可以传第四个、第五个参数,乃至任意多个要插入的元素。比如,splice(2, 0, "red", "green")会从数组位置2 开始插入字符串"red"和"green"。
  • 替换。splice()在删除元素的同时可以在指定位置插入新元素,同样要传入3 个参数:开始位置、要删除元素的数量和要插入的任意多个元素。要插入的元素数量不一定跟删除的元素数量
    一致。比如,splice(2, 1, "red", "green")会在位置2 删除一个元素,然后从该位置开始向数组中插入"red"和"green"。

splice()方法始终返回这样一个数组,它包含从数组中被删除的元素(如果没有删除元素,则返回空数组)。以下示例展示了上述3 种使用方式。

--删除
let colors = ["red", "green", "blue"];
let removed = colors.splice(0,1); // 删除第一项
alert(colors); // green,blue
alert(removed); // red,只有一个元素的数组
--插入
removed = colors.splice(1, 0, "yellow", "orange"); // 在位置1 插入两个元素
alert(colors); // green,yellow,orange,blue
alert(removed); // 空数组
--更新
removed = colors.splice(1, 1, "red", "purple"); // 插入两个值,删除一个元素
alert(colors); // green,red,purple,orange,blue
alert(removed); // yellow,只有一个元素的数组
这篇关于JavaScript基础学习-集合操作splice的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!