js中splice的用法
最新回答
鹿无戥
2023-09-17 08:07:08
JavaScript 的 splice() 方法是操作数组的核心工具之一，用于在指定位置删除、插入或替换元素，并直接修改原数组。以下是详细用法总结：
1. 基本语法array.splice(start, deleteCount, ...items)- start：操作起始索引（支持负数，如 -1 表示倒数第一个元素）。
- deleteCount：要删除的元素数量（若为 0 或省略，则不删除）。
- ...items：要插入的新元素（可选）。
- 语法：splice(start, deleteCount)
- 示例：const arr = [1, 2, 3, 4, 5];const deleted = arr.splice(1, 2); // 从索引1开始删除2个元素console.log(arr); // [1, 4, 5]（原数组被修改）console.log(deleted); // [2, 3]（返回被删除的元素）
- 语法：splice(start, 0, ...items)
- 示例：const arr = [1, 2, 3];arr.splice(1, 0, 'a', 'b'); // 在索引1处插入'a','b'console.log(arr); // [1, 'a', 'b', 2, 3]
- 语档茄法：splice(start, deleteCount, ...items)
- 示例：const arr = [1, 2, 3, 4];arr.splice(1, 2, 'x', 'y'); // 删除2个元素，插入'x','y'console.log(arr); // [1, 'x', 'y', 4]
- 使用负数索引：const arr = [1, 2, 3, 4];arr.splice(-2, 1); // 删除倒数第2个元素（3）console.log(arr); // [1, 2, 4]
- 指定 start = 0：const arr = [1, 2, 3];arr.splice(0, 2); // 删除前2个元素console.log(arr); // [3]
- deleteCount 超出范围：若 deleteCount 大于数组剩余长度，则删除到缺返数组末尾。
- start 超出范围：若 start 大于数组长度，则不会操作。const arr = [1, 2];arr.splice(5, 1); // 无效果console.log(arr); // [1, 2]
- 直接修改原数组：splice() 会改变原数组，而非返回新数组。
- 返回值：始终返回被删除的元素组成的数组（若无删除则返回空数组）。
- 参数灵活性：可通过 ...items 插入多个元素，或省略 deleteCount 仅插入。
- slice()：不修改原数组，返回子数组。
- concat()：合并数组，不修改原数组。
- filter()：根据条件创建新数组，不修改原数组。
splice() 是处理数组增删改的万能方法，尤其适合需要直接修改原数组的场景。掌握其参数组合（删除行扮察、插入、替换）和负数索引技巧，能高效处理复杂数组操作。使用时需注意其对原数组的影响，避免意外修改。
热门标签
