JavaScript 中数组的 splice() 方法

今天药忘吃喽~ 2022-06-17 09:44 204阅读 0赞

splice( 开始的位置，要删除的个数 \[，插入的项1 \] \[，插入的项2 \]\[...\] )

直接对原数组进行处理，返回一个数组，包含从原数组中删除的项。

1、删除任意位置项 ------ 传入两个参数，第二个参数不为0；

2、从任意位置添加新项 ----- 传入三个及以上参数，第二个参数为0；

3、替换任意位置项 ----- 传入三个及以上参数，第二个参数不为0。

var colors = ["red", "green", "blue"];
    
    var removed = colors.splice(0,1);              //删除第一项
    alert(colors);        //green,blue
            
    removed = colors.splice(1, 0, "yellow", "orange");  //从位置1开始插入两项
    alert(colors);       //green,yellow,orange,blue
    
    removed = colors.splice(1, 1, "red", "purple");    //将第二项替换为传入的两项
    alert(colors);       //green,red,purple,orange,blue

如果只传入一个参数，表示数组从该位置开始，截取到数组末尾，返回截取的数组，原数组变为剩余的部分

var colors = ["red", "green", "blue","red", "green", "blue","red", "green", "blue"];
    var newColors = colors.splice(4);
    alert(newColors)        //["green", "blue", "red", "green", "blue"]
    alert(colors)        //["red", "green", "blue", "red"]

对比用两个参数删除数组的做法

var colors = ["red", "green", "blue","red", "green", "blue","red", "green", "blue"];
    var newColors = colors.splice(0,4)
    alert(newColors)        //["red", "green", "blue", "red"]
    alert(colors)        //["green", "blue", "red", "green", "blue"]

上面的例子说明，在使用splice截取数组的时候，传入的参数不同，要注意需要取返回值，还是取改变后的原数组。

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关【#】js 数组的内置方法splice（实用）

\\ js 数组的内置方法splice（实用） \\ ![jnk在这里插入图片描述][jnk] splice 在我们后期的开发中用到的次数比较多,我挪列出来应该对

一时失言乱红尘/ 2023年08月17日 16:19/ 0 赞/ 68 阅读

相关 javascript中数组的concat()方法

<html> <head> <title>数组的concat()方法</title> <script> /

本是古典何须时尚/ 2022年09月19日 05:23/ 0 赞/ 160 阅读

相关 javascript中数组的sort()方法

<html> <head> <title>数组的sort()方法</title> <script> /

深藏阁楼爱情的钟/ 2022年09月19日 05:23/ 0 赞/ 148 阅读

相关 javaScript中数组的方法

一、数组对象的3个属性 1、length 属性 Length属性表示数组的长度，即其中元素的个数。因为数组的索引总是由0开始，所以一个数组的上下限分别是：0和length-

偏执的太偏执、/ 2022年07月14日 01:50/ 0 赞/ 172 阅读

相关 JavaScript 中数组的 splice() 方法

splice( 开始的位置，要删除的个数 \[，插入的项1 \] \[，插入的项2 \]\[...\] ) 直接对原数组进行处理，返回一个数组，包含从原数组中删除的项。 1

今天药忘吃喽~/ 2022年06月17日 09:44/ 0 赞/ 205 阅读

相关 JavaScript-数组的方法

JavaScript\-数组的方法代码如下： ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] ![这里写图片描述]

小灰灰/ 2022年06月11日 07:06/ 0 赞/ 220 阅读

相关 js中数组的splice()方法

splice 有如下几个功能： 1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数） 2.插入-向数组指定位置插入任意项元素。三

迈不过友情╰/ 2022年06月11日 04:53/ 0 赞/ 194 阅读

相关 JavaScript中数组的那些方法

前言：最近一直在看JavaScript高级程序设计，可谓是经典中的经典，虽然看的还不多，但是收获已经不少。对于自己之前了解不够的，在这里记录一下，以便加深自己的印象，如果能够

野性酷女/ 2022年06月08日 02:12/ 0 赞/ 165 阅读

相关 JavaScript中数组的方法

1.定义数组的三种方式 //第一种方式 var arr=new Array(); //第二种方式 var arr_01=ne

￡神魔★判官ぃ/ 2022年02月19日 17:11/ 0 赞/ 418 阅读

相关 JavaScript 中数组的迭代方法

ES5 提供了一下 5 个迭代方法： 1. every() : 对数组中的每一项执行函数，如果全部返回为 true，则该方法返回 true 2. some(

本是古典何须时尚/ 2022年02月17日 05:09/ 0 赞/ 239 阅读