一、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); // ['狗蛋', '张三', '王五', '小明', '小红']