JavaScript给数组添加元素的6个方法
作者:净植99 时间:2024-04-30 08:46:47
1. 使用 length 属性追加元素
使用length属性,可以在数组末尾后面添加一个元素
var arr = [1, 2, 3, 4, 5];
arr[length] = 6;
console.log(arr); // [1, 2, 3, 4, 5, 6];
2. 使用 push 方法追加元素
push()方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度
var arr = [1, 2, 3, 4, 5];
arr.push(6);
console.log(arr); // [1, 2, 3, 4, 5, 6];
3. 使用 unshift 方法在数组的第一项前插入一个元素
unshift()方法将一个或多个元素添加到数组的开头,并返回该数组的新长度
var arr = [1, 2, 3, 4, 5];
arr.unshift (6);
console.log(arr); // [6, 1, 2, 3, 4, 5];
4. 使用 splice 方法插入一个元素
splice()方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容
var arr = [1, 2, 3, 4, 5];
arr.splice(5, 0, 6);
console.log(arr); // [1, 2, 3, 4, 5, 6];
5. 使用 concat 方法合并元素
concat()方法用于将一个数组或值合并至一个数组中,该方法不会改变原数组
var arr = [1, 2, 3, 4, 5];
var newArr = arr.concat(6);
console.log(newArr); // [1, 2, 3, 4, 5, 6];
6. 使用 … 扩展运算符合并元素
展开语法...: 可以在数组构造时, 将数组表达式在语法层面展开
var arr = [1, 2, 3, 4, 5];
arr = [...arr, 6];
console.log(arr); // [1, 2, 3, 4, 5, 6];
来源:https://blog.csdn.net/nightmare_mask/article/details/120588198
标签:JavaScript,数组,添加,元素
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
让IE8支持eWebEditor在线编辑器
2010-02-28 10:36:00
numpy.sum()坐标轴问题的解决
2023-08-23 15:05:53
Python如何用str.format()批量生成网址(豆瓣读书为例)
2022-10-02 15:38:41
![](https://img.aspxhome.com/file/2023/9/133229_0s.png)
简单介绍一下pyinstaller打包以及安全性的实现
2021-07-23 15:34:56
![](https://img.aspxhome.com/file/2023/8/78718_0s.png)
Caffe图像数据转换成可运行leveldb lmdb文件
2023-03-01 08:41:27
Python中pyecharts安装及安装失败的解决方法
2021-01-13 06:00:52
![](https://img.aspxhome.com/file/2023/6/99656_0s.jpg)
Python深度学习实战PyQt5布局管理项目示例详解
2023-03-11 08:47:37
![](https://img.aspxhome.com/file/2023/9/87519_0s.png)
Python get获取页面cookie代码实例
2021-03-29 17:26:49
python导入同级模块的实现
2021-03-09 10:08:51
详解python关于多级包之间的引用问题
2021-04-16 19:58:17
![](https://img.aspxhome.com/file/2023/3/135423_0s.png)
Python简易版图书管理系统
2022-06-07 21:11:10
FrontPage2003 中网页布局功能的应用
2007-11-18 14:43:00
![](https://img.aspxhome.com/file/uploadpic/200711/18/20071118144520978.jpg)
通过Kettle自定义jar包供javascript使用
2024-04-30 09:58:10
![](https://img.aspxhome.com/file/2023/9/131799_0s.png)
MySQL插入中文不乱码的5种方法
2024-01-17 10:47:21
网页特效文字之—压纹字
2023-06-26 19:30:06
![](https://img.aspxhome.com/file/UploadPic/20072/2007231160904s.jpg)
CSS3中的box-sizing属性
2010-04-05 21:52:00
![](https://img.aspxhome.com/file/UploadPic/20104/5/20090424070002186-44s.png)
mysql中如何判断是否支持分区
2024-01-19 18:00:57
《写给大家看的设计书》阅读笔记之对齐原则
2009-07-09 16:32:00
![](https://img.aspxhome.com/file/UploadPic/20097/9/dq-25s.jpg)
Python translator使用实例
2021-02-09 22:40:24
基于 Dubbo Admin 动态调整服务超时时间的操作步骤
2023-01-06 13:53:54