js中Array的splice方法的作用

在JavaScript中,splice() 方法是数组(Array)的一个内置方法,用于在数组中添加/删除项目,并返回被删除的项目。这个方法可以直接修改原始数组。

splice() 方法的基本语法如下:

复制代码
array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

参数说明:

  • start(必需):一个整数,指定修改的开始位置。如果为正数,则从 start 位置开始修改,如果为负数,则从末尾开始计算位置(例如,-1 指最后一个元素,-2 指倒数第二个元素,依此类推)。
  • deleteCount(可选):一个整数,指定要删除的元素数量。如果设置为 0,则不会删除元素。
  • item1, item2, ...(可选):要添加到数组中的新元素,从 start 位置开始。如果不指定,则 splice() 只删除元素。

返回值:

  • 一个由被删除的元素组成的新数组,如果没有删除任何元素,则返回一个空数组。

示例:

  1. 删除元素

    复制代码
    let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];  
    let removed = fruits.splice(2, 2); // 从索引 2 开始,删除 2 个元素  
    console.log(fruits); // ["Banana", "Orange", "Mango"]  
    console.log(removed); // ["Lemon", "Apple"]
  2. 添加元素

    复制代码
    ​
    
    let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];  
    fruits.splice(2, 0, "Kiwi", "Durian"); // 从索引 2 开始,不删除元素,添加 "Kiwi" 和 "Durian"  
    console.log(fruits); // ["Banana", "Orange", "Kiwi", "Durian", "Lemon", "Apple", "Mango"]
  3. 替换元素

    复制代码
    let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];  
    fruits.splice(2, 2, "Kiwi", "Durian"); // 从索引 2 开始,删除 2 个元素,然后添加 "Kiwi" 和 "Durian"  
    console.log(fruits); // ["Banana", "Orange", "Kiwi", "Durian", "Mango"]
相关推荐
孤水寒月2 小时前
基于HTML的悬窗可拖动记事本
前端·css·html
沐知全栈开发2 小时前
HTML DOM 访问
开发语言
祝余呀2 小时前
html初学者第一天
前端·html
脑袋大大的3 小时前
JavaScript 性能优化实战:减少 DOM 操作引发的重排与重绘
开发语言·javascript·性能优化
二进制person4 小时前
Java SE--方法的使用
java·开发语言·算法
速易达网络4 小时前
RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案
javascript·vue.js·低代码
OneQ6664 小时前
C++讲解---创建日期类
开发语言·c++·算法
耶啵奶膘4 小时前
uniapp+firstUI——上传视频组件fui-upload-video
前端·javascript·uni-app
JoJo_Way4 小时前
LeetCode三数之和-js题解
javascript·算法·leetcode
码农不惑5 小时前
2025.06.27-14.44 C语言开发:Onvif(二)
c语言·开发语言