JS splice的用法

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