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);

執(zhí)行結果如下：

[1, 2, 3, 4, 5]

[1, 2, 3, 4, 5]

在這個例子中，將數組arr1賦值給了另一個數組arr2。

查看執(zhí)行結果，似乎復制了數組的內容并創(chuàng)建了相同的數組。

但是，由于數組是“引用類型”的數據，因此它不會復制該值，而只是共享存儲該值的內存的位置。

因此，我們編寫以下代碼

arr2.push(6);

 

console.log(arr1);

console.log(arr2);

執(zhí)行結果如下

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

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

根據以上結果可以發(fā)現即使我們只給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);

執(zhí)行結果如下

[1, 2, 3, 4, 5]

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

要將另一個數組復制到數組arr2，只需要在復制源arr1中執(zhí)行concat()即可。

您可能感興趣的文章:

js實現彈出窗口、頁面變成灰色并不可操作的例子分享
為了更好的用戶體驗，現在網頁中好多地方都使用彈出層。比如提示登陸，掃描微信二維碼圖片，論壇下載彈出扣除積分提醒等。
2014-05-05
JavaScript Dom 綁定事件操作實例詳解
這篇文章主要介紹了JavaScript Dom 綁定事件操作,結合實例形式詳細分析了JavaScript實現dom綁定事件的相關實現方法與操作注意事項,需要的朋友可以參考下
2019-10-10
基于Typescript與Axios的接口請求管理詳解
接口是一系列抽象方法的聲明,是一些方法特征的集合,這些方法都應該是抽象的,需要由具體的類去實現,然后第三方就可以通過這組抽象方法調用,讓具體的類執(zhí)行具體的方法,這篇文章主要給大家介紹了基于Typescript與Axios的接口請求管理的相關資料,需要的朋友可以參考下
2021-09-09
使用JavaScript腳本判斷頁面是否在微信中被打開
這篇文章主要介紹了使用JavaScript腳本判斷網頁是否在微信中被打開的方法,在各種使用微信參加活動的移動版頁面上經?？梢杂玫?需要的朋友可以參考下
2016-03-03
requestAnimationFrame用法優(yōu)化源碼解析
這篇文章主要介紹了requestAnimationFrame用法優(yōu)化源碼解讀,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-10-10
Ionic如何實現下拉刷新與上拉加載功能
在日常項目開發(fā)中我們經常見到下拉刷新上拉加載的功能，接下來通過本文給大家介紹ionic如何實現下拉刷新與上拉加載的相關資料,需要的朋友可以參考下
2016-06-06
Svelte框架實現表格協(xié)同文檔的示例
本文主要介紹了Svelte框架實現表格協(xié)同文檔的示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-01-01
JS閉包的幾種常見形式實例詳解
本文通過實例代碼給大家詳細介紹了js閉包的幾種常見形式，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下
2017-09-09
js實現多圖左右切換功能
這篇文章主要介紹了js實現多圖左右切換功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
JavaScript中日期函數的相關操作知識
日期函數是我們經常用到的知識點，下面通過本文給大家介紹JavaScript中日期函數的相關操作知識，非常不錯，感興趣的朋友一起學習吧
2016-08-08