JS数组合并push与concat区别分析
作者:wandejun1012 时间:2024-04-22 22:40:09
本文实例讲述了JS数组合并push与concat区别。分享给大家供大家参考,具体如下:
共同点
两个方法都可以在一个数组内增添新的元素,参数都是无限的参数列表,使用方法如下
var testPushArr=[];
testPushArr.push(item1,item2,item3...);
var testConcatArr=[];
var concatArr = testConcatArr.concat(item1,item2,item3...);
push和concat的元素都既可以是普通元素(任意类型),也可以数组元素
区别
push()
push的item会添加到末尾,并且都是以整体的形式添加到数组末尾,数组元素会直接以数组整体的形式存在
push方法会直接修改原数组,返回值为加入元素后的新数组长度
示例代码
var testPushArr=[1,2];
testPushArr.push(3,[4,5]);
console.log(testPushArr);//1,2,3,[4,5]
concat()
concat的元素会被打碎,非数组元素无法打碎,以整体形式加入,数组元素会被打碎,以单个元素的形式加入
concat方法不会修改原数组,而是连接之后返回一个新的数组,通常用arr = arr.concat(...)的形式来接收返回值,否则看不到修改效果
示例代码
ar testConcatArr=[1,2];
var concatArr = testConcatArr.concat(3,[4,5]);
console.log(concatArr );//1,2,3,4,5
下面是补充
注意 concat 拼写,二者功能很相像,但有两点区别。
先看代码:
var arr = [];
arr.push(1);
arr.push([2, 3]);
arr.push(4, 5);
arr = arr.concat(6);
arr = arr.concat([7, 8]);
arr = arr.concat(9, 10);
arr.each(function(index, value){
alert(value);
});
alert 结果:
1
2,3
4
5
6
7
8
9
10
区别:
push 遇到数组参数时,把整个数组参数作为一个元素;而 concat 则是拆开数组参数,一个元素一个元素地加进去。
push 直接改变当前数组;concat 不改变当前数组。
总结:
如果想数组追加用concat,但是和java的replace一样,用完记得arr1=arr1.concat(arr2)
希望本文所述对大家JavaScript程序设计有所帮助。
标签:JS,数组,合并
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
JavaScript 数据结构之字典方法
2024-04-16 09:28:22
ASP.net如何连接SQL SERVER 2012数据库
2024-01-24 12:34:53
Python使用pyodbc访问数据库操作方法详解
2021-08-02 19:12:29
Python3使用requests登录人人影视网站的方法
2021-10-04 15:42:19
Python实现GUI学生信息管理系统
2022-03-19 19:35:36
![](https://img.aspxhome.com/file/2023/6/82796_0s.png)
django-allauth入门学习和使用详解
2022-05-24 12:36:09
Windows下nodejs安装及环境配置的实战步骤
2024-05-03 15:36:22
![](https://img.aspxhome.com/file/2023/9/129499_0s.png)
支付宝lab logo设计创意发想
2009-11-12 12:44:00
![](https://img.aspxhome.com/file/UploadPic/200911/12/blog1-38s.jpg)
js获取 type=radio 值的方法
2024-04-29 13:18:38
Python线程threading模块用法详解
2023-01-30 03:55:01
Python实现统计文本中的字符数量
2021-01-28 00:27:04
Recipe: 把SQL数据库部署到远程主机环境(第一部分)
2007-09-23 13:07:00
![](https://img.aspxhome.com/file/UploadPic/20079/23/2007923131152474s.jpg)
asp base64加解密函数代码
2011-03-31 11:02:00
Mysql 取字段值逗号第一个数据的查询语句
2024-01-23 14:29:09
flask-socketio实现WebSocket的方法
2022-09-25 17:26:24
Flask框架运用Ajax实现数据交互的示例代码
2023-11-19 19:15:19
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2022-06-18 01:42:25
![](https://img.aspxhome.com/file/2023/5/103075_0s.jpg)
Python打印scrapy蜘蛛抓取树结构的方法
2022-01-16 03:46:18
Flask 请求钩子的实现
2022-04-25 21:21:12
![](https://img.aspxhome.com/file/2023/4/128174_0s.png)
基于Python检测动态物体颜色过程解析
2022-03-20 09:07:30
![](https://img.aspxhome.com/file/2023/5/128745_0s.jpg)