js中的splice用法

函数说明

在js里数组有个方法是splice,用来添加和删除,它有三个参数,
index :位置
howmany : 删除的个数 (可以是0)
item1,item2 添加的值 (添加在Index之前)

常用功能

删除:

一般和indexOf搭配来删除某个值,现在试试:

var f = [1,2,4,5];
f.splice( f.indexOf(5),1 ); 
添加:
情景一

我有两个数组:

var c = ['a', 'b', 'c', 'g', 'h'];
var d = ['d', 'e', 'f'];

我要把’d’,’e’,’f’写到’c’和’g’之间,可以这样写

for (var i = 0; i < d.length; i++) {
    c.splice(c.indexOf('g'), 0, d[i])
}
情景二

我有一个数组

var a = [2, 5, 10, 30];

我想把它中间的整数填充起来,可以这样写

for (var i = 0; i < a.length; i++) {
    if (a[i + 1]) {
        var diff = a[i + 1] - a[i];
        var n = a[i + 1]; 
        for (var k = 1; k < diff; k++) {
            a.splice(i + 1, 0, n - k);
        }
    }
}
情景三

我有一个数组,存的是日期

var b = ['2017-05-01', '2017-05-06', '2017-06-16'];

我想把它中间的日期填充起来,这里为了方便我使用了moment.js:

 for (var i = 0; i < b.length; i++) {
     if (b[i + 1]) {
         var diff = moment(b[i + 1]).diff(moment(b[i]), 'days');
         if (diff > 0) {
             var n = b[i + 1];
             for (var k = 1; k < diff; k++) {
                 b.splice(i + 1, 0, moment(n).add(-k, 'days').format('YYYY-MM-DD'));
             }
         }

     }
 }
### JavaScript中 `splice` 方法的用法 #### 什么是 `splice` 方法? `splice` 是 JavaScript 数组的一个内置方法,用于对数组进行多种操作,包括删除、插入以及替换指定位置上的元素。其语法如下: ```javascript array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) ``` - **start**: 表示开始修改的位置索引。 - **deleteCount**(可选): 要删除的元素数量。如果不提供此参数,则不会删除任何元素;如果设置为0,同样表示不删除。 - **item1, item2, ...**(可选): 可变参数列表,表示要向数组中添加的新元素。 --- #### 使用场景分析 ##### 场景一:删除元素 当仅需从数组中移除某些元素时,可以省略新元素部分只保留前两个必填项即可完成任务。例如下面演示了如何利用 `indexOf()` 找到目标值所在下标再通过调用 `splice()` 实现单个或者多个连续项目的剔除过程[^4]。 ```javascript let fruits = ['apple', 'banana', 'cherry']; fruits.splice(1, 1); // 移除了'banana' console.log(fruits); // 输出["apple", "cherry"] ``` ##### 场景二:插入元素 若想往现有数据结构里增添成员而无需覆盖原有记录的话,则应把中间那个代表清除量的部分设成零,并紧接着传入希望追加进去的内容作为后续附加参数传递给函数执行处理[^3]。 ```javascript let numbers = [1, 2, 3]; numbers.splice(1, 0, 'a'); // 在索引1处新增'a' console.log(numbers); // 输出[1,"a",2,3] ``` ##### 场景三:替换元素 对于既定区间内的条目做整体替换成另外一组全新定义的对象集合而言,在这里就需要同时给出三个主要组成部分——起始地址、预期裁剪长度还有就是准备好的替代品清单啦!这样就能达到精准定位并实施更新的效果咯! ```javascript let colors = ['red', 'green', 'blue']; colors.splice(1, 1, 'yellow'); // 将'green'改为'yellow' console.log(colors); // 输出['red','yellow','blue'] ``` --- ### 总结 综上所述,`splice` 提供了一个非常灵活的方式来操控数组内部的具体构成情况,无论是增删改查哪一种需求都可以很好地满足开发人员的实际应用场合下的各种复杂状况的要求[^2]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值