一、splice()
语法:array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
参数:
start:指定开始修改的位置(0-n);如果指定的位置大于等于数组的长度,则会在数组后添加指定的数据;如果指定的是负数,则会从后往前查找(从-1开始计数),-1则表示最后一个数据相当于(array.length - 1),如果负数的绝对值大于等于数组的长度,则表示开始位置为第 0 位。
deleteCount:指定要移除的个数(从0开始),他只会移除"start"后面的数据(包括start本身);如果deleteCount为0或者负数,则不会移除任何数据
item1,item2....:要添加进数组的元素,从start
位置开始。如果不指定,则 splice()
将只删除数组元素。
返回值:
返回被移除的数组里的元素,组成一个新数组返回,如果没有任何元素被移除,则返回一个空数组
例子:
实现添加数据
// 在末尾添加数据
let arr = ['李四', '张三', '王五', '小明', '小红'];
// 这句话表示在索引为arr.length(5)的位置,移除0个,添加一个元素"狗蛋"
arr.splice(arr.length, 0, '狗蛋');
console.log(arr); // ['李四', '张三', '王五', '小明', '小红', '狗蛋']
console.log('------分割线------');
// 在前面添加数据
let arr1 = ['广东', '北京', '湖南', '湖北'];
// 这句话表示在索引为0的位置,移除0个,添加一个元素'武汉'
arr1.splice(0, 0, '武汉');
console.log(arr1); // ['武汉', '广东', '北京', '湖南', '湖北']
console.log('------分割线------');
// 注意事项
let arr2 = ['数学', '语文', '英语', '地理'];
// 注意:
// 1.start只要你所写的索引值大于他对应数组的索引值,不管多大,他只会在你原来的数组索引+1的位置上进行添加数据
// 2.deleteCount 值为0或者负数 就表示不进行任何移除(删除)
arr2.splice(100, -100, '化学');
console.log(arr2); // ['数学', '语文', '英语', '地理', '化学']
实现数据删除
let arr = ['李四', '张三', '王五', '小明', '小红'];
// 这句话表示 在索引为0的地方,移除一个元素
arr.splice(0, 1);
console.log(arr); // ['张三', '王五', '小明', '小红']
console.log('----分割线----');
// 多试几次
let arr1 = ['广东', '北京', '湖南', '湖北'];
// 这句话表示 在索引为2的位置,移除2个元素
arr1.splice(arr1.length - 1, 1);
console.log(arr1); // ['广东', '北京', '湖南']
实现数据替换
let arr = ['李四', '张三', '王五', '小明', '小红'];
// 这句话表示 在索引为0的位置,移除一个元素,替换成'狗蛋'
arr.splice(0, 1, '狗蛋');
console.log(arr); // ['狗蛋', '张三', '王五', '小明', '小红']