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 继承详解(四)
Jul 13 Javascript
封装了一个js图片轮换效果的函数
Sep 28 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
Oct 22 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
Html5 js实现手风琴效果
Apr 17 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
JavaScript实现瀑布流以及加载效果
Feb 11 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
Oct 12 Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
理解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实例分享判断客户端是否使用代理服务器及其匿名级别
2014/06/04 PHP
php mysqli查询语句返回值类型实例分析
2016/06/29 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
CSS+JS构建的图片查看器
2006/07/22 Javascript
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
JavaScript模块化开发之SeaJS
2015/12/13 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
基于vue2.0实现简单轮播图
2017/11/27 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
JS中超越现实的匿名函数用法实例分析
2019/06/21 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
Jquery ajax书写方法代码实例解析
2020/06/12 jQuery
使用Python的Treq on Twisted来进行HTTP压力测试
2015/04/16 Python
Python制作爬虫抓取美女图
2016/01/20 Python
Python实现购物程序思路及代码
2017/07/24 Python
Python判断两个对象相等的原理
2017/12/12 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
python读取LMDB中图像的方法
2018/07/02 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
美国在线乐器和设备商店:Musician’s Friend
2018/07/06 全球购物
《诚实与信任》教学反思
2014/04/10 职场文书
《长城和运河》教学反思
2014/04/14 职场文书
商务经理岗位职责
2014/07/30 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
语文复习计划
2015/01/19 职场文书
2015年全国保险公众宣传日活动方案
2015/05/06 职场文书
导游词之张家口
2019/12/13 职场文书
css3实现背景图片颜色修改的多种方式
2021/04/13 HTML / CSS
浅谈TypeScript 索引签名的理解
2021/10/16 Javascript