JavaScript splice() 方法

1. JavaScript splice() 方法

1.1. 定义和用法

splice() 方法用于添加或删除数组中的元素。

注意:这种方法会改变原始数组。

返回值:如果删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。

1.2. 语法

javascript 复制代码
array.splice(index,howmany,item1,.....,itemX)

1.3. 语法

参数 描述
电脑 $1600
index 必需。规定从何处添加/删除元素。该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany 可选。规定应该删除多少元素。必须是数字,但可以是 "0"。如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX 可选。要添加到数组的新元素

1.4. 返回值

Type 描述
Array 如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组

1.5. 示例

处理数组的方法很多,javascript 的splice() 算是最强大的了,它可以用于插入、删除或替换数组的元素。

1.5.1. 删除

用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)

javascript 复制代码
var myFish = ["angel", "clown", "drum", "mandarin", "surgeon"];
console.log("原始数据:",JSON.stringify(myFish))
var removed = myFish.splice(3, 1);
console.log("删除数据:",JSON.stringify(removed))
console.log("删除后数据:",JSON.stringify(myFish))

1.5.2. 插入

向数组指定位置插入任意项元素。三个参数,第一个参数(其实位置),第二个参数(0),第三个参数(插入的项)

javascript 复制代码
var myFish = ["angel", "clown", "mandarin", "surgeon"];
console.log("原始数据:", JSON.stringify(myFish))
var insert = myFish.splice(2, 0, "drum");
console.log("插入数据:", JSON.stringify(insert))
console.log("插入后数据:", JSON.stringify(myFish))

1.5.3. 替换

向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)

javascript 复制代码
var myFish = ["angel", "clown", "drum", "surgeon"];
console.log("原始数据:", JSON.stringify(myFish))
var replace = myFish.splice(2, 1, 'trumpet');
console.log("替换数据:", JSON.stringify(replace))
console.log("替换后数据:", JSON.stringify(myFish))
相关推荐
SchuylerEX2 分钟前
第六章 JavaScript 互操(3)JS调用.NET
前端·javascript·c#·.net·blazor
Spider_Man6 分钟前
手指一拉,世界焕新:移动端下拉刷新全攻略
前端·javascript·react.js
下页、再停留8 分钟前
【PHP】通过IP获取IP所在地理位置(免费API接口)
开发语言·tcp/ip·php
1phoenix9 分钟前
JavaScript 实现自定义右键菜单
前端·javascript·css
ifanatic17 分钟前
[每周一更]-(第148期):使用 Go 进行网页抓取:Colly 与 Goquery 的对比与思路
开发语言·后端·golang
怀旧,24 分钟前
【C++】1. C++基础知识
开发语言·c++·算法
拾光拾趣录29 分钟前
实现 `this` 对象的深拷贝:从“循环引用崩溃”到生产级解决方案
前端·javascript
小乖兽技术33 分钟前
C#开发基础之深入理解“集合遍历时不可修改”的异常背后的设计
开发语言·windows·c#
用户25191624271135 分钟前
Canvas之颜色渐变
前端·javascript·canvas
ZzMemory36 分钟前
详解JavaScript 解构赋值:让你的代码更优雅
前端·javascript·面试