天行健，君子以自强不息；地势坤，君子以厚德载物。
每个人都有惰性，但不断学习是好好生活的根本，共勉！
文章均为学习整理笔记，分享记录为主，如有错误请指正，共同学习进步。
十步杀一人，千里不留行。
事了拂衣去，深藏身与名。
——《侠客行》
文章目录
- 1. 介绍
- 2. 语法
- 3. 参数
- 3. 使用
- 3.1 示例代码
- 3.2 打印结果
- 加分加分
- 1. 加分
- 2. 加分
- 3. 加分
- 4. 加分
- 4.1 加分1
- 4.2 加分2
- 4.3 加分3
- 4.4 加分4
1. 介绍
JavaScript中的splice相关使用
主要用于删除、插入数据到数组中
2. 语法
语法如下，共三个部分，索引位置，删除数量，值
array.splice(index,howmany,item1,.....,itemX)
3. 参数
参数对应的解释如下
| 参数 | 是否必须 | 描述 |
|---|---|---|
| index | 必需 | 规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。 |
| howmany | 可选 | 规定应该删除多少元素。必须是数字，但可以是 “0”。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。 |
| item1, …, itemX | 可选 | 要添加到数组的新元素 |
3. 使用
现有数组arr0，数据数量10
删除索引2位置及后面所有的数据
arr0.splice(2)
删除索引为2位置开始的3个数据
arr0.splice(2,3)
从索引2开始，在其前面插入2个数据（只插入则表示删除0个数据）
arr0.splice(2, 0, "data1", "data2")
3.1 示例代码
以下为几种常见使用方法的代码举例
可用VSCode编辑后用浏览器打开控制台console查看结果
splice.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
console.log("\n")
var mans = ["libai", "dufu", "wangwei", "menghaoran"]
console.log("原始数据：")
console.log("mans1: ",mans)
console.log("\n")
console.log("splice(2) 删除从索引2位置及后面所有的元素：")
mans.splice(2)
console.log("mans2: ",mans)
console.log("\n")
console.log("splice(2, 0) 从索引2位置开始删除0个（相当于没操作）：")
mans.splice(2, 0)
console.log("mans3: ",mans)
console.log("\n")
console.log("splice(2, 1) 从索引2位置开始删除1个：")
mans.splice(2, 1)
console.log("mans4: ",mans)
console.log("\n")
console.log("splice(2, 0, 'liqingzhao', 'liyu') 从索引2位置删除0个并从索引2位置前面开始插入数据：")
// 前面两个参数，2表示从索引2开始，0表示删除0个，后面的参数表示插入
mans.splice(2, 0, "liqingzhao", "liyu")
console.log("man5: ",mans)
// 14-36-22
// 12-10
</script>
</head>
<body>
</body>
</html>
3.2 打印结果
浏览器控制台打印内容如下
文章结束
-------------------------------------------
以下内容增加文章评分用，可忽略
加分加分
黄河之水天上来，奔流到海不复回
高堂明镜悲白发，朝如青丝暮成雪
1. 加分
黄河之水天上来，奔流到海不复回
高堂明镜悲白发，朝如青丝暮成雪
2. 加分
黄河之水天上来，奔流到海不复回
高堂明镜悲白发，朝如青丝暮成雪
3. 加分
寒山李白
寒山李白
4. 加分
账号密码
| 名称 | 密码 |
|---|---|
| 李白 | 123 |
4.1 加分1
账号密码
| 名称 | 密码 |
|---|---|
| 李白 | 123 |
4.2 加分2
账号密码
| 名称 | 密码 |
|---|---|
| 李白 | 123 |
4.3 加分3
账号密码
| 名称 | 密码 |
|---|---|
| 李白 | 123 |
4.4 加分4
账号密码
| 名称 | 密码 |
|---|---|
| 李白 | 123 |
感谢阅读，祝君暴富！
![[苍穹外卖]-10WebSocket入门与实战](https://img-blog.csdnimg.cn/img_convert/0dc0685d766363e137ea69e34f28be05.png)