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"]
    
相关推荐
上趣工作室3 分钟前
vue2在el-dialog打开的时候使该el-dialog中的某个输入框获得焦点方法总结
前端·javascript·vue.js
家里有只小肥猫3 分钟前
el-tree 父节点隐藏
前端·javascript·vue.js
fkalis4 分钟前
【海外SRC漏洞挖掘】谷歌语法发现XSS+Waf Bypass
前端·xss
何曾参静谧7 分钟前
「QT」文件类 之 QTextStream 文本流类
开发语言·qt
monkey_meng10 分钟前
【Rust类型驱动开发 Type Driven Development】
开发语言·后端·rust
落落落sss18 分钟前
MQ集群
java·服务器·开发语言·后端·elasticsearch·adb·ruby
2401_8532757339 分钟前
ArrayList 源码分析
java·开发语言
zyx没烦恼39 分钟前
【STL】set,multiset,map,multimap的介绍以及使用
开发语言·c++
lb363636363639 分钟前
整数储存形式(c基础)
c语言·开发语言
feifeikon42 分钟前
Python Day5 进阶语法(列表表达式/三元/断言/with-as/异常捕获/字符串方法/lambda函数
开发语言·python