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 入门基础知识 想学习js的朋友可以参考下
Dec 26 Javascript
jQuery Lightbox 图片展示插件使用说明
Apr 25 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
Jan 04 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
jQuery菜单插件用法实例
Jul 25 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
JS实现全屏的四种写法
Dec 30 Javascript
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
理解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
浅析十款PHP开发框架的对比
2013/07/05 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
PHP登录(ajax提交数据和后台校验)实例分享
2016/12/29 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
document.all与WEB标准
2020/05/13 Javascript
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
jQuery中animate动画第二次点击事件没反应
2015/05/07 Javascript
js验证上传图片的方法
2015/05/12 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
JS实现超简单的汉字转拼音功能示例
2016/12/22 Javascript
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
three.js 入门案例详解
2018/01/23 Javascript
Vue框架之goods组件开发详解
2018/01/25 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
详解在网页上通过JS实现文本的语音朗读
2019/03/28 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
微信小程序 scroll-view 实现锚点跳转功能
2019/12/12 Javascript
[02:07]2017国际邀请赛中国区预选赛直邀战队前瞻
2017/06/23 DOTA
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
python实现杨辉三角思路
2017/07/14 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
python3实现磁盘空间监控
2018/06/21 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
事业单位个人查摆问题及整改措施
2014/10/28 职场文书
2014年应急工作总结
2014/12/11 职场文书
Nginx缓存设置案例详解
2021/09/15 Servers
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers
MYSQL常用函数介绍
2022/05/05 MySQL
项目中Nginx多级代理是如何获取客户端的真实IP地址
2022/05/30 Servers
JS高级程序设计之class继承重点详解
2022/07/07 Javascript