热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用splice方法高效地在数组中插入和移除元素

在JavaScript中,`splice()`方法是`Array`对象的一个强大工具,用于在数组中高效地插入和删除元素。该方法不仅可以向数组中添加新元素,还可以移除现有元素,并返回被删除的元素。通过灵活运用`splice()`方法,开发者可以轻松实现数组的动态管理,提升代码的可读性和性能。


Javascript splice() 方法

Javascript Array 对象


定义和用法


splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

注释:该方法会改变原始数组。

语法

arrayObject.splice(index,howmany,item1,.....,itemX)

参数描述
index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX可选。向数组添加的新项目。

返回值


类型描述
Array 包含被删除项目的新数组,如果有的话。

说明

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

技术细节


Javascript 版本:1.2

浏览器支持


所有主流浏览器都支持 splice() 方法。

提示和注释

注释:请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。


实例



例子 1

在本例中,我们将创建一个新数组,并向其添加一个元素:

var arr = new Array(6)
arr[0] = “George”
arr[1] = “John”
arr[2] = “Thomas”
arr[3] = “James”
arr[4] = “Adrew”
arr[5] = “Martin”document.write(arr + “
”)
arr.splice(2,0,“William”)
document.write(arr + “
”)

输出:

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin

例子 2

在本例中我们将删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素:

var arr = new Array(6)
arr[0] = “George”
arr[1] = “John”
arr[2] = “Thomas”
arr[3] = “James”
arr[4] = “Adrew”
arr[5] = “Martin”document.write(arr + “
”)
arr.splice(2,1,“William”)
document.write(arr)

输出:

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

例子 3

在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素,并添加一个新元素 ("William") 来替代被删除的元素:

var arr = new Array(6)
arr[0] = “George”
arr[1] = “John”
arr[2] = “Thomas”
arr[3] = “James”
arr[4] = “Adrew”
arr[5] = “Martin”document.write(arr + “
”)
arr.splice(2,3,“William”)
document.write(arr)

输出:

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin

TIY

splice()
如何使用 splice() 来更改数组。

原文:http://www.w3school.com.cn/jsref/jsref_splice.asp


推荐阅读
author-avatar
矮辛楚楚拉_760
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有