深入理解JS数组合并push与concat区别

在javascript中经常用到数组拼接,push 和concat 都可以合并数组,他们之间有什么区别呢?接下来就和大家讲述js数组合并push与concat区别。有需要的同学可以参考一下。

1、push()方法 

 var array=[1,2,3,4,5];    console.log(array);   //[1, 2, 3, 4, 5]    array.push(6);        //一个参数    console.log(array);   //[1, 2, 3, 4, 5, 6]    array.push(6,7);      //两个参数    console.log(array);   //[1, 2, 3, 4, 5, 6, 7]    array.push([6,7]);    //参数为数组    console.log(array);   //[1, 2, 3, 4, 5, 6, Array(2)]

登录后复制

2、concat()方法

var array=[1,2,3,4,5];    console.log(array);   //[1, 2, 3, 4, 5]    var array2=array.concat(6);    //一个参数    console.log(array);    //[1, 2, 3, 4, 5]    console.log(array2);   //[1, 2, 3, 4, 5, 6]    var array2=array.concat(6,7);    //两个参数    console.log(array);    //[1, 2, 3, 4, 5]    console.log(array2);   //[1, 2, 3, 4, 5, 6,7]    var array2=array.concat([6,7]);    //参数为数组    console.log(array);    //[1, 2, 3, 4, 5]    console.log(array2);   //[1, 2, 3, 4, 5, 6, 7]

登录后复制

通过代码可以看出一下几点区别: 

1,push()是在原数组的基础上修改的,执行push()方法后原数组的值也会变;concat()是先把原数组复制到一个新的数组,然后在新数组上进行操作,所以不会改变原数组的值。

2,如果参数不是数组,不管参数个数有多少个,push()和concat()都会直接把参数添加到数组后;如果参数是一个数组,push()就会直接把数组添加到原数组后,而concat()会把数组里的值取出来添加到原数组后。

总结:

如果想数组追加用concat,但是和java的replace一样,用完记得arr1=arr1.concat(arr2)。希望本文所述对大家JavaScript程序设计有所帮助。

以上就是深入理解JS数组合并push与concat区别的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2740792.html

(0)
上一篇 2025年3月8日 02:23:24
下一篇 2025年3月8日 02:23:29

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 深入理解JS数组操作方法 concat()、slice()、splice()

    最近比较闲,将所学的知识进行了总结,这篇文章概括了数组的不同操作方法,concat()、slice()和splice(),有需要的朋友可以参考一下,希望对你有用。 concat()方法 concat()方法:基于当前数组中所有项创建新数组。…

    编程技术 2025年3月8日
    200
  • js如何判断数组包含特定元素?(方法总结)

    本篇文章给大家带来的内容是关于js如何判断数组包含特定元素?(方法总结),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 判断数组是否包含某一特定元素是很常见的需求,javascript中有很多实现方法,今天有空汇总了一下,…

    编程技术 2025年3月8日
    200
  • 浅谈Javascript中数组对象的常用属性

    本文给大家介绍javascript中数组对象的常用属性 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 concat()  用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 var a…

    编程技术 2025年3月8日
    200
  • 浅谈JavaScript中数组的遍历

    本文给大家浅谈一下javascript中数组的遍历,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 1、使用for循环,是数组中最常见的遍历方法 第一个返回值是遍历数组中的每一位,第二位返回值可以看作数组的索引值。可以在f…

    2025年3月8日 编程技术
    200
  • javascript数组操作方法总结一览(附示例)

    本篇文章给大家带来的内容是关于javascript数组操作方法总结一览(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 ECMAScript为操作已经包含在数组中的项提供了很多方法。这里本人总结一下自己对这些方法的…

    编程技术 2025年3月8日
    200
  • JavaScript中数组的方法有哪些?有什么用?

    本篇文章给大家带来的内容是介绍javascript中数组的方法、数组方法的作用和使用方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。【相关视频教程推荐:javascript教程】 一、数组的创建和赋值 定义数组,数组赋…

    2025年3月8日 编程技术
    200
  • JS数组中的indexOf方法的分析(附示例)

    本篇文章给大家带来的内容是关于js数组中的indexof方法的分析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 这两天在家中帮朋友做项目,项目中使用了数组的indexOf 方法,找到了一篇文章,感觉非常不错,顺…

    编程技术 2025年3月8日
    200
  • JavaScript中二维数组的查找(代码示例)

    本篇文章给大家带来的内容是关于javascript中二维数组的查找(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上…

    编程技术 2025年3月8日
    200
  • JavaScript中创建和填充任意长度的数组方法介绍(附代码)

    本篇文章给大家带来的内容是关于JavaScript中创建和填充任意长度的数组方法介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 创建数组的最佳方法是通过字面方式: const arr = [0,0,0]; 登…

    编程技术 2025年3月8日
    200
  • JS数组基础知识(总结)

    本篇文章给大家总结一些js数组基础知识,有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 数组:存储一组有序的数据 数组的作用:一次性存储多个数据 数组的定义方式: 1、构造函数定义数组: var 数组名=new Array…

    2025年3月8日
    200

发表回复

登录后才能评论