JavaScript中concat复制数组方法浅析

更新时间：2019年01月20日 09:25:34 投稿：laozhang

在本篇文章里小编给大家总结了关于JavaScript中concat复制数组方法知识点，有需要的朋友们可以学习下。

我们在需要进行数组复制的时候可能会想到以下的方法

代码

var arr1 = [1,2,3,4,5];

var arr2 = [];

arr2 = arr1;

console.log(arr1);

console.log(arr2);

执行结果如下：

[1, 2, 3, 4, 5]

[1, 2, 3, 4, 5]

在这个例子中，将数组arr1赋值给了另一个数组arr2。

查看执行结果，似乎复制了数组的内容并创建了相同的数组。

但是，由于数组是“引用类型”的数据，因此它不会复制该值，而只是共享存储该值的内存的位置。

因此，我们编写以下代码

arr2.push(6);

 

console.log(arr1);

console.log(arr2);

执行结果如下

[1, 2, 3, 4, 5, 6]

[1, 2, 3, 4, 5, 6]

根据以上结果可以发现即使我们只给arr2添加新值6，但是数组arr1中也会添加一个6，这就是因为两个

数组都只引用存储值的位置，如果更改任一数组中的数据，两者都会改变。

所以下面我们就来使用concat方法复制数组

我们来看具体示例

var arr1 = [1,2,3,4,5]; 

var arr2 = [];

  

arr2 = arr1.concat();

arr2.push(6);

 

console.log(arr1);

console.log(arr2);

执行结果如下

[1, 2, 3, 4, 5]

[1, 2, 3, 4, 5, 6]

要将另一个数组复制到数组arr2，只需要在复制源arr1中执行concat()即可。

您可能感兴趣的文章:

微信小程序自定义组件之可清除的input组件
最近正在做的一个小程序项目中需要用到一个可清除的输入框控件，为了方便小编直接使用了可清除的input自定义组件，下面脚本之家小编给大家带来了微信小程序自定义组件之可清除的input组件，感兴趣的朋友一起看看吧
2018-07-07
javascript 中iframe高度自适应（同域）实例详解
这篇文章主要介绍了javascript 中iframe高度自适应（同域）实现代码的相关资料,需要的朋友可以参考下
2017-05-05
热点新闻滚动特效的js代码
我们在很多大型门户网站都会有看到有些一热点新闻都会一直向上滚动，下面我就来给大家推荐一款Javascript中热点新闻滚动特效代码，有需要了解的朋友可以参考一下
2013-08-08
javascript学习笔记（七）利用javascript来创建和存储cookie
今天把javascript如何用来创建及存储cookie复习了一下，其中的一点体会拿出来和大家讨论，恳请高手指点一二。
2011-04-04
swiper自定义分页器使用方法详解
这篇文章主要为大家详细介绍了swiper自定义分页器的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-12-12
JavaScript 版本自动生成文章摘要
搜了搜这个，发现找不到答案。所以自己写了一个，很多程序绕过这个问题，往往人工来决定在何处截断，太麻烦了。
2008-07-07
js简单倒计时实现代码
这篇文章主要介绍了js简单倒计时实现代码,涉及JavaScript时间与日期的相关运算技巧,需要的朋友可以参考下
2016-04-04
js实现的简练高效拖拽功能示例
这篇文章主要介绍了js实现的简练高效拖拽功能,通过对js鼠标事件的扩展实现拖拽效果,非常简单实用,需要的朋友可以参考下
2016-12-12
IE关闭时判断及AJAX注销案例学习
当关闭系统时会提示:你确定要退出系统吗？退出请按'离开此页'接下来将讲解下IE关闭判断及AJAX注销，感兴趣的你可不要错过了哈，希望本例对你学习ajax有所帮助
2013-02-02
由document.body和document.documentElement想到的
不知道大家对这个标题有没有想法，反正此前我一直把他们混为了一谈。其实不然，首先需有个“标准”的概念。
2009-04-04

JavaScript中concat复制数组方法浅析

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具