JS数组合并push与concat区别分析


Posted in Javascript onDecember 17, 2015

本文实例讲述了JS数组合并push与concat区别。分享给大家供大家参考,具体如下:

注意 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程序设计有所帮助。

Javascript 相关文章推荐
javascript 弹出层组件(升级版)
May 12 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
Dec 29 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
Javascript连接Access数据库完整实例
Aug 03 Javascript
关于vue.js弹窗组件的知识点总结
Sep 11 Javascript
jQuery简单倒计时效果完整示例
Sep 20 Javascript
jQuery实现根据生日计算年龄 星座 生肖
Nov 23 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
Sep 20 Javascript
深入理解vuex2.0 之 modules
Nov 20 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
May 21 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 Vue.js
理解Javascript的call、apply
Dec 16 #Javascript
javascript实现网站加入收藏功能
Dec 16 #Javascript
javascript实现无缝上下滚动特效
Dec 16 #Javascript
js实现将选中内容分享到新浪或腾讯微博
Dec 16 #Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
Dec 16 #Javascript
Sublime Text 3常用插件及安装方法
Dec 16 #Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 #Javascript
You might like
一些星际专用术语解释
2020/03/04 星际争霸
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
php下通过curl抓取yahoo boss 搜索结果的实现代码
2011/06/10 PHP
PHP面向对象法则
2012/02/23 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
php使用array_search函数实现数组查找的方法
2015/06/12 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
基于jquery实现的鼠标拖拽元素复制并写入效果
2011/08/23 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
2013/05/03 Javascript
ubuntu下安装nodejs以及升级的办法
2015/05/08 NodeJs
基于jquery实现左右按钮点击的图片切换效果
2021/01/27 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
vue 本地环境跨域请求proxyTable的方法
2018/09/19 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
vue实现动态显示与隐藏底部导航的方法分析
2019/02/11 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
Vue利用Blob下载原生二进制数组文件
2019/09/25 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
python实现人人网登录示例分享
2014/01/19 Python
TensorFlow实现模型评估
2018/09/07 Python
Python面向对象程序设计类变量与成员变量、类方法与成员方法用法分析
2019/04/12 Python
Python设置matplotlib.plot的坐标轴刻度间隔以及刻度范围
2019/06/25 Python
html5自动播放mov格式视频的实例代码
2020/01/14 HTML / CSS
药学专业大学生自荐信
2013/09/28 职场文书
小学生学雷锋演讲稿
2014/04/25 职场文书
中药学专业求职信
2014/05/31 职场文书
文明班级申报材料
2014/12/24 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书
导游词之张家界
2019/10/31 职场文书
Python Pycharm虚拟下百度飞浆PaddleX安装报错问题及处理方法(亲测100%有效)
2021/05/24 Python
基于JavaScript实现省市联动效果
2021/06/22 Javascript