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

 更新时间:2015年12月17日 09:33:12   作者:wandejun1012   我要评论
这篇文章主要介绍了JS数组合并push与concat区别,结合实例形式分析了JavaScript中针对数组合并操作使用push与concat的区别,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • layui实现文件或图片上传记录

    layui实现文件或图片上传记录

    这篇文章主要为大家详细介绍了layui实现文件或图片上传记录,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • B/S(Web)实时通讯解决方案分享

    B/S(Web)实时通讯解决方案分享

    这篇文章主要为大家分享了B/S(Web)实时通讯的解决方案,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • JS实现鼠标箭头变成一个燃烧烛光效果的方法

    JS实现鼠标箭头变成一个燃烧烛光效果的方法

    这篇文章主要介绍了JS实现鼠标箭头变成一个燃烧烛光效果的方法,实例分析了javascript操作鼠标事件及图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • Javascript 网页黑白效果实现代码(兼容IE/FF等)

    Javascript 网页黑白效果实现代码(兼容IE/FF等)

    今天在网上看到有人推荐的一个不错的方法,试了一下,效果还是可以的,可以自定义让网页的某一部分变成灰度颜色(黑白)。
    2010-04-04
  • js获取文件里面的所有文件名(实例)

    js获取文件里面的所有文件名(实例)

    下面小编就为大家带来一篇js获取文件里面的所有文件名(实例)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 如何实现浏览器上的右键菜单

    如何实现浏览器上的右键菜单

    如何实现浏览器上的右键菜单...
    2006-07-07
  • ES6 Iterator接口和for...of循环用法分析

    ES6 Iterator接口和for...of循环用法分析

    这篇文章主要介绍了ES6 Iterator接口和for...of循环用法,结合实例形式分析了Iterator接口和for...of循环相关使用技巧,需要的朋友可以参考下
    2019-07-07
  • div层的移动及性能优化

    div层的移动及性能优化

    层的移动本来很简单,用jquery插件或者自己写一个也不难,但是最近一个ipad项目里,发现用手移动div会感觉很卡,体验很差(可能是ipad的配置根不上pc)。
    2010-11-11
  • JS实现移动端按首字母检索城市列表附源码下载

    JS实现移动端按首字母检索城市列表附源码下载

    我们常见的手机通讯录或微信通讯录,联系人信息是按字母顺序排列的列表,通过点击右侧的字母,会迅速定位检索到首字母对应的联系人。下面通过本文给大家分享JS实现移动端按首字母检索城市列表功能,需要的的朋友参考下吧
    2017-07-07
  • JS控制伪元素的方法汇总

    JS控制伪元素的方法汇总

    本文给大家介绍js控制伪元素的方法汇总,本文涉及到获取伪元素属性值的方法,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-04-04

最新评论