本文来自 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() ]相关推荐

  1. 程序员谈 JavaScript 数组 Array 的学习

     JavaScript Array 教程            作为一个 前端开发,JS 数组的熟练使用显得非常重要,ECMAScript数组的大小是可以动态调整的,可以随着数据的添加自动增长长度 ...

  2. JavaScript数组(Array)

    JavaScript数组 数组(Array) 数组的定义 使用[]创建数组 使用Array创建数组 数组的访问 数组的方法 push 向数组中添加元素 pop 从数组的末尾获取元素,并将元素从数组中删 ...

  3. JavaScript 数组 array.at() 获取数组中最后一个元素

    志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...

  4. java数组末尾添加元素_JavaScript 数组 Array对象增加和删除 元素

    pop 方法 移除数组中的最后一个元素并返回该元素. arrayObj.pop( ) 必选的 arrayObj 引用是一个 Array 对象. 说明 如果该数组为空,那么将返回 undefined. ...

  5. Perl 数组 操作符 pop,push,shift, unshift,splice

    这几个操作符都会改变数组的内容: 1.pop    后端弹出数组的值 2.push    后端压入某个值到数组中 3.shift    前段弹出数组的值 4.unshift    前段插入某个值到数组 ...

  6. 数据结构栈(顺序栈、链栈、插入push、删除pop)、队(循环队,链队、入队push,出队pop)知识点梳理

    数据结构栈知识点梳理 一 栈的定义 栈(stack)是限定仅在表尾进行插入和删除操作的线性表 不含任何元素的栈称为空栈 允许插入和删除的一端成为栈顶(top),另一端称为栈底(bottom) 具有LI ...

  7. JS - 4 - 数组 Array - API(slice、splice、shift、)

    https://www.w3school.com.cn/jsref/jsref_obj_array.asp 文章目录 # (ES5)API - 总览 slice splice # (ES6) 数组 # ...

  8. 【一篇搞定JS数组】JavaScript数组使用详解

    文章目录 JavaScript 数组 Array 1)概述/前言 2)创建数组 (一)Array()构造函数 (二)数组字面量表示法 (三)扩展操作符 (四)工厂方法--Array.of()和Arra ...

  9. JavaScript数组常用方法总结及使用详解

    方法简介 JavaScript中的数组是一种非常重要的数据类型,它提供了许多方法来处理和操作数组数据.下面是一些常用的JavaScript数组方法: push(): 向数组末尾添加一个或多个元素,并返 ...

最新文章

  1. 背包系列 hdu3449 有依赖背包
  2. Material Designer的低版本兼容实现(五)—— ActivityOptionsCompat
  3. polybase配置 sql_Hadoop 的 PolyBase 配置和安全
  4. kmeans算法_实战 | KMeans 聚类算法
  5. VC++6.0开发环境之快捷键
  6. 解决Cacti监控图像断断续续问题
  7. python单引号和什么的作用几乎是一样的_Python中单双多引号的用法与区别
  8. sublime 常用插件列表
  9. [机器学习] Ubuntu 软件源更新(校园网)以及问题总结
  10. 疯狂java 李刚 pdf_Java开发教程 – 《疯狂Java讲义第4版》PDF及代码+李刚
  11. SpringBoot项目防止Sql注入
  12. bat脚本打开刷新网页
  13. 什么软件可以测试麦克风音质,怎么测试麦克风
  14. 主成分分析(PCA)与线性判别分析(LDA)的区别与联系
  15. ASP.NET MVC后台判断是否是手机登录以及是否是微信公众号登陆
  16. 东营网站服务器部署,联通东营服务器dns地址
  17. 无限战争选择服务器,无限战争新手攻略 新手入门必看技巧
  18. 基于FPGA的矩阵键盘检测
  19. 免费思维导图软件分享
  20. android编译成功闪退,编译调试-android-app闪退定位

热门文章

  1. 列出一些既好玩又能提高英语水平的电脑游戏
  2. Vue卡列表中不同卡片显示不同背景颜色
  3. 脚本语言【JavaScript基础】JavaScript函数:声明+调用
  4. 5. SAP S/4 运维基础知识(Basic Knowledge) - SAP S/4 Basis Learning
  5. DELL Inspiron 15 5585 AMD Ryzen™ 5 3500U 解除功耗频率限制 性能起飞(文章失效:最新方案重装系统或者删除dell全套)
  6. 电脑如何备份文件,怎么同步?
  7. JS:利用函数,求任意三个数最大值,任意两个数的任意运算结果,判断任意数值是否为素数。
  8. bw_mem 内存_TCP:内存不足—考虑调整tcp_mem
  9. OceanBase上云、91道MySQL面试题…… - 墨天轮数据库周刊第17期
  10. 2022基金从业考试如何备考