JavaScript中的split、slice、splice函数区别？

这三个函数在 JavaScript 中用途不同，功能也不同：

1. split()

• 功能：
  split() 方法用于将字符串分割成子字符串数组，根据指定的分隔符将一个字符串拆分为多个部分，并返回一个包含拆分后的子字符串的数组。
• 语法：

  string.split(separator, limit)

• separator：指定用于分割字符串的字符或正则表达式。
• limit：可选参数，指定返回数组的最大长度。
• 示例：

  const str = 'apple,banana,grape';
  const arr = str.split(',');
  console.log(arr); // ['apple', 'banana', 'grape']

2. slice()

• 功能：
  slice() 方法返回数组的一个浅拷贝副本，从开始到结束（不包括结束）选择部分并返回该部分。原始数组不会被修改。
• 语法：

  array.slice(start, end)

• start：开始提取元素的起始位置（包括该位置）。
• end：可选参数，结束提取元素的结束位置（不包括该位置）。
• 示例：

  const arr = ['apple', 'banana', 'grape'];
  const slicedArr = arr.slice(1, 2);
  console.log(slicedArr); // ['banana']
  console.log(arr); // ['apple', 'banana', 'grape'] （原数组不变）

3. splice()

• 功能：
  splice() 方法用于修改数组，可以删除、插入或替换数组的元素，并返回被删除的元素组成的数组。
• 语法：

  array.splice(start, deleteCount, item1, item2, ...)

• start：指定修改的开始位置。
• deleteCount：要删除的元素个数（如果是 0，则不删除）。
• item1, item2, ...：可选参数，要添加到数组的新元素。
• 示例：

  const arr = ['apple', 'banana', 'grape'];

  // 删除元素
  const removed = arr.splice(1, 1); // 从索引 1 开始删除 1 个元素
  console.log(removed); // ['banana']
  console.log(arr); // ['apple', 'grape']

  // 插入元素
  arr.splice(1, 0, 'orange', 'peach'); // 从索引 1 开始插入 'orange' 和 'peach'
  console.log(arr); // ['apple', 'orange', 'peach', 'grape']

  // 替换元素
  arr.splice(2, 1, 'kiwi'); // 从索引 2 开始替换 1 个元素为 'kiwi'
  console.log(arr); // ['apple', 'orange', 'kiwi', 'grape']

区别总结：

• split()：字符串方法，将字符串拆分为子字符串数组。
• slice()：数组方法，返回数组的一部分浅拷贝，不修改原数组。
• splice()：数组方法，用于修改数组，可以删除、插入或替换元素，并返回被删除元素组成的数组。

这三个方法在 JavaScript 中经常用于字符串和数组的操作，了解它们的区别和使用场景有助于更有效地处理数据和编写清晰的代码。