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 分钟前
vue3中使用原生表格展示数据
前端·javascript·vue.js
Hacker_seagull2 分钟前
Java 8安装详细教程
java·开发语言
小白学大数据2 分钟前
随机间隔在 Python 爬虫中的应用实践
开发语言·c++·爬虫·python
软件开发技术深度爱好者5 分钟前
JavaScript的p5.js库坐标系图解
开发语言·前端·javascript
松涛和鸣6 分钟前
54、DS18B20单线数字温度采集
linux·服务器·c语言·开发语言·数据库
Gofarlic_OMS12 分钟前
MATLAB许可证闲置自动检测与智能提醒
java·大数据·运维·开发语言·人工智能·算法·matlab
yaoxin52112313 分钟前
293. Java Stream API - 从 HTTP 源创建 Stream
java·开发语言·http
哟哟耶耶13 分钟前
java-MySql下载与配置环境变量
java·开发语言·mysql
如果你好13 分钟前
JavaScript 对象属性遍历Object.entries Object.keys:6 种常用方法详解与对比
javascript
donecoding14 分钟前
CSS的"双胞胎"陷阱:那些看似对称却暗藏玄机的属性对
前端·css·代码规范