快捷導(dǎo)航

JavaScript中concat復(fù)制數(shù)組方法淺析

更新時(shí)間：2019年01月20日 09:25:34 投稿：laozhang

在本篇文章里小編給大家總結(jié)了關(guān)于JavaScript中concat復(fù)制數(shù)組方法知識(shí)點(diǎn)，有需要的朋友們可以學(xué)習(xí)下。

我們?cè)谛枰M(jìn)行數(shù)組復(fù)制的時(shí)候可能會(huì)想到以下的方法

代碼

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

var arr2 = [];

arr2 = arr1;

console.log(arr1);

console.log(arr2);

執(zhí)行結(jié)果如下：

[1, 2, 3, 4, 5]

[1, 2, 3, 4, 5]

在這個(gè)例子中，將數(shù)組arr1賦值給了另一個(gè)數(shù)組arr2。

查看執(zhí)行結(jié)果，似乎復(fù)制了數(shù)組的內(nèi)容并創(chuàng)建了相同的數(shù)組。

但是，由于數(shù)組是“引用類型”的數(shù)據(jù)，因此它不會(huì)復(fù)制該值，而只是共享存儲(chǔ)該值的內(nèi)存的位置。

因此，我們編寫(xiě)以下代碼

arr2.push(6);

 

console.log(arr1);

console.log(arr2);

執(zhí)行結(jié)果如下

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

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

根據(jù)以上結(jié)果可以發(fā)現(xiàn)即使我們只給arr2添加新值6，但是數(shù)組arr1中也會(huì)添加一個(gè)6，這就是因?yàn)閮蓚€(gè)

數(shù)組都只引用存儲(chǔ)值的位置，如果更改任一數(shù)組中的數(shù)據(jù)，兩者都會(huì)改變。

所以下面我們就來(lái)使用concat方法復(fù)制數(shù)組

我們來(lái)看具體示例

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

var arr2 = [];

  

arr2 = arr1.concat();

arr2.push(6);

 

console.log(arr1);

console.log(arr2);

執(zhí)行結(jié)果如下

[1, 2, 3, 4, 5]

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

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

您可能感興趣的文章:

相關(guān)文章

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