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"]
相关推荐
zhanshuo3 分钟前
不依赖框架,如何用 JS 实现一个完整的前端路由系统
前端·javascript·html
火柴盒zhang4 分钟前
websheet在线电子表格(spreadsheet)在集团型企业财务报表中的应用
前端·html·报表·合并·spreadsheet·websheet·集团财务
讨厌吃蛋黄酥4 分钟前
智能前端新纪元:语音交互技术与安全实践全解析
javascript
khalil6 分钟前
基于 Vue3实现一款简历生成工具
前端·vue.js
向阳@向远方12 分钟前
第二章 简单程序设计
开发语言·c++·算法
拾光拾趣录13 分钟前
浏览器对队头阻塞问题的深度优化策略
前端·浏览器
用户81221993672213 分钟前
[已完结]后端开发必备高阶技能--自研企业级网关组件(Netty+Nacos+Disruptor)
前端
万少18 分钟前
2025中了 聊一聊程序员为什么都要做自己的产品
前端·harmonyos
1234Wu32 分钟前
React Native 接入 eCharts
javascript·react native·react.js
Mr_Xuhhh44 分钟前
信号与槽的总结
java·开发语言·数据库·c++·qt·系统架构