hooyantsing's Blog

P63_splice与slice实现数组的增删改查

字数统计: 288阅读时长: 1 min
2020/11/05

splice与slice实现数组的增删改查

海豚日记 学习JS看这个就够了,全面打通 JAVASCRIPT 知识点(更新到17章)

splice与slice区别

slice() P38 字符串截取操作 已经讲过,截取字符串,也可以用于截取数组。原数组不做改变。

splice() 从原数组拿走元素。原数组发生改变。参数:第一个参数数组下标,第二个参数向后多少个元素。

splice方法

删除操作
1
2
3
4
let arr = [1,2,3,4,5];
// 将下标为 1 位置的元素删除
arr.splice(1,1);
console.table(arr);

执行结果:

|0|1|
|1|3|
|2|4|
|3|5|

增加操作
1
2
3
4
5
6
7
8
9
let arr = [1,2,3,4,5];
// 向下标为 1 的位置添加一个元素
arr.splice(1,0,"后盾人");
console.table(arr);

// 头增加
arr.splice(0,0,"后盾人");
// 尾增加
arr.splice(arr.length,0,"后盾人");

执行结果:

|0|1 |
|1|”后盾人”|
|2|2 |
|3|3 |
|4|4 |
|5|5 |

替换操作
1
2
3
4
let arr = [1,2,3,4,5];
// 向下标为 1 的位置替换元素
arr.splice(1,1,"后盾人");
console.table(arr);

执行结果:

|0|1 |
|1|”后盾人”|
|2|3 |
|3|4 |
|4|5 |

CATALOG
  1. 1. splice与slice实现数组的增删改查
    1. 1.0.1. splice与slice区别
    2. 1.0.2. splice方法
      1. 1.0.2.1. 删除操作
      2. 1.0.2.2. 增加操作
      3. 1.0.2.3. 替换操作