JavaScript 中数组的 splice() 方法

今天药忘吃喽~ 2022-06-17 09:44 257阅读 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 条评论，257人围观）

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

相关阅读

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

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

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

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

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

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

相关 javaScript中数组的方法

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

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

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

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

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

相关 JavaScript-数组的方法

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

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

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

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

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

相关 JavaScript中数组的那些方法

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

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

相关 JavaScript中数组的方法

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

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

相关 JavaScript 中数组的迭代方法

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

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

相关 javascript中数组的迭代方法

[javascript中数组的迭代方法][javascript] 转载于:https://www.cnblogs.com/knuzy/p/9944839.html [ja

小咪咪/ 2021年09月30日 04:30/ 0 赞/ 447 阅读