JavaScript 数组array 插入[ push() ] 与 删除[ splice() ]
本文来自 w3school, 查看详情请 进入w3school
定义和用法
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
语法
arrayObject.push(newelement1,newelement2,....,newelementX)
参数 | 描述 |
---|---|
newelement1 | 必需。要添加到数组的第一个元素。 |
newelement2 | 可选。要添加到数组的第二个元素。 |
newelementX | 可选。可添加多个元素。 |
返回值
把指定的值添加到数组后的新长度。
说明
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
实例
在本例中,我们将创建一个数组,并通过添加一个元素来改变其长度:
<script type="text/javascript">var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr + "<br />")
document.write(arr.push("James")
+ "<br />")
document.write(arr)</script>
输出:
George,John,Thomas 4 George,John,Thomas,James
===============================================================
定义和用法
splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。
注释:该方法会改变原始数组。
语法
arrayObject.splice(index,howmany,item1,.....,itemX)
参数 | 描述 |
---|---|
index | 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。 |
howmany | 必需。要删除的项目数量。如果设置为 0,则不会删除项目。 |
item1, ..., itemX | 可选。向数组添加的新项目。 |
返回值
类型 | 描述 |
---|---|
Array | 包含被删除项目的新数组,如果有的话。 |
说明
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
实例
例子 1
在本例中,我们将创建一个新数组,并向其添加一个元素:
<script type="text/javascript">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 + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")</script>
输出:
George,John,Thomas,James,Adrew,Martin George,John,William,Thomas,James,Adrew,Martin
例子 2
在本例中我们将删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素:
<script type="text/javascript">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 + "<br />")
arr.splice(2,1,"William")
document.write(arr)</script>
输出:
George,John,Thomas,James,Adrew,MartinGeorge,John,William,James,Adrew,Martin
例子 3
在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素,并添加一个新元素 ("William") 来替代被删除的元素:
<script type="text/javascript">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 + "<br />")
arr.splice(2,3,"William")
document.write(arr)</script>
输出:
George,John,Thomas,James,Adrew,MartinGeorge,John,William,Martin
JavaScript 数组array 插入[ push() ] 与 删除[ splice() ]相关推荐
- 程序员谈 JavaScript 数组 Array 的学习
JavaScript Array 教程 作为一个 前端开发,JS 数组的熟练使用显得非常重要,ECMAScript数组的大小是可以动态调整的,可以随着数据的添加自动增长长度 ...
- JavaScript数组(Array)
JavaScript数组 数组(Array) 数组的定义 使用[]创建数组 使用Array创建数组 数组的访问 数组的方法 push 向数组中添加元素 pop 从数组的末尾获取元素,并将元素从数组中删 ...
- JavaScript 数组 array.at() 获取数组中最后一个元素
志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...
- java数组末尾添加元素_JavaScript 数组 Array对象增加和删除 元素
pop 方法 移除数组中的最后一个元素并返回该元素. arrayObj.pop( ) 必选的 arrayObj 引用是一个 Array 对象. 说明 如果该数组为空,那么将返回 undefined. ...
- Perl 数组 操作符 pop,push,shift, unshift,splice
这几个操作符都会改变数组的内容: 1.pop 后端弹出数组的值 2.push 后端压入某个值到数组中 3.shift 前段弹出数组的值 4.unshift 前段插入某个值到数组 ...
- 数据结构栈(顺序栈、链栈、插入push、删除pop)、队(循环队,链队、入队push,出队pop)知识点梳理
数据结构栈知识点梳理 一 栈的定义 栈(stack)是限定仅在表尾进行插入和删除操作的线性表 不含任何元素的栈称为空栈 允许插入和删除的一端成为栈顶(top),另一端称为栈底(bottom) 具有LI ...
- JS - 4 - 数组 Array - API(slice、splice、shift、)
https://www.w3school.com.cn/jsref/jsref_obj_array.asp 文章目录 # (ES5)API - 总览 slice splice # (ES6) 数组 # ...
- 【一篇搞定JS数组】JavaScript数组使用详解
文章目录 JavaScript 数组 Array 1)概述/前言 2)创建数组 (一)Array()构造函数 (二)数组字面量表示法 (三)扩展操作符 (四)工厂方法--Array.of()和Arra ...
- JavaScript数组常用方法总结及使用详解
方法简介 JavaScript中的数组是一种非常重要的数据类型,它提供了许多方法来处理和操作数组数据.下面是一些常用的JavaScript数组方法: push(): 向数组末尾添加一个或多个元素,并返 ...
最新文章
- 背包系列 hdu3449 有依赖背包
- Material Designer的低版本兼容实现(五)—— ActivityOptionsCompat
- polybase配置 sql_Hadoop 的 PolyBase 配置和安全
- kmeans算法_实战 | KMeans 聚类算法
- VC++6.0开发环境之快捷键
- 解决Cacti监控图像断断续续问题
- python单引号和什么的作用几乎是一样的_Python中单双多引号的用法与区别
- sublime 常用插件列表
- [机器学习] Ubuntu 软件源更新(校园网)以及问题总结
- 疯狂java 李刚 pdf_Java开发教程 – 《疯狂Java讲义第4版》PDF及代码+李刚
- SpringBoot项目防止Sql注入
- bat脚本打开刷新网页
- 什么软件可以测试麦克风音质,怎么测试麦克风
- 主成分分析(PCA)与线性判别分析(LDA)的区别与联系
- ASP.NET MVC后台判断是否是手机登录以及是否是微信公众号登陆
- 东营网站服务器部署,联通东营服务器dns地址
- 无限战争选择服务器,无限战争新手攻略 新手入门必看技巧
- 基于FPGA的矩阵键盘检测
- 免费思维导图软件分享
- android编译成功闪退,编译调试-android-app闪退定位
热门文章
- 列出一些既好玩又能提高英语水平的电脑游戏
- Vue卡列表中不同卡片显示不同背景颜色
- 脚本语言【JavaScript基础】JavaScript函数:声明+调用
- 5. SAP S/4 运维基础知识(Basic Knowledge) - SAP S/4 Basis Learning
- DELL Inspiron 15 5585 AMD Ryzen™ 5 3500U 解除功耗频率限制 性能起飞(文章失效:最新方案重装系统或者删除dell全套)
- 电脑如何备份文件,怎么同步?
- JS:利用函数,求任意三个数最大值,任意两个数的任意运算结果,判断任意数值是否为素数。
- bw_mem 内存_TCP:内存不足—考虑调整tcp_mem
- OceanBase上云、91道MySQL面试题…… - 墨天轮数据库周刊第17期
- 2022基金从业考试如何备考