JS數(shù)組合并push與concat區(qū)別分析
本文實(shí)例講述了JS數(shù)組合并push與concat區(qū)別。分享給大家供大家參考，具體如下：
共同點(diǎn)
兩個(gè)方法都可以在一個(gè)數(shù)組內(nèi)增添新的元素，參數(shù)都是無限的參數(shù)列表，使用方法如下
var testPushArr=[]; testPushArr.push(item1,item2,item3...); var testConcatArr=[]; var concatArr = testConcatArr.concat(item1,item2,item3...);
push和concat的元素都既可以是普通元素(任意類型)，也可以數(shù)組元素
區(qū)別
push()
push的item會(huì)添加到末尾，并且都是以整體的形式添加到數(shù)組末尾，數(shù)組元素會(huì)直接以數(shù)組整體的形式存在
push方法會(huì)直接修改原數(shù)組，返回值為加入元素后的新數(shù)組長度
示例代碼
var testPushArr=[1,2]; testPushArr.push(3,[4,5]); console.log(testPushArr);//1,2,3,[4,5]
concat()
concat的元素會(huì)被打碎，非數(shù)組元素?zé)o法打碎，以整體形式加入，數(shù)組元素會(huì)被打碎，以單個(gè)元素的形式加入
concat方法不會(huì)修改原數(shù)組，而是連接之后返回一個(gè)新的數(shù)組，通常用arr = arr.concat(...)的形式來接收返回值，否則看不到修改效果
示例代碼
ar testConcatArr=[1,2]; var concatArr = testConcatArr.concat(3,[4,5]); console.log(concatArr );//1,2,3,4,5
下面是補(bǔ)充
注意 concat 拼寫，二者功能很相像，但有兩點(diǎn)區(qū)別。
先看代碼：
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 結(jié)果：
1 2,3 4 5 6 7 8 9 10
區(qū)別：
push 遇到數(shù)組參數(shù)時(shí)，把整個(gè)數(shù)組參數(shù)作為一個(gè)元素；而 concat 則是拆開數(shù)組參數(shù)，一個(gè)元素一個(gè)元素地加進(jìn)去。
push 直接改變當(dāng)前數(shù)組；concat 不改變當(dāng)前數(shù)組。
總結(jié)：
如果想數(shù)組追加用concat,但是和java的replace一樣，用完記得arr1=arr1.concat(arr2)
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
- js嵌套的數(shù)組扁平化:將多維數(shù)組變成一維數(shù)組以及push()與concat()區(qū)別的講解
- JavaScript使用concat連接數(shù)組的方法
- JavaScript字符串對象的concat方法實(shí)例（用于連接兩個(gè)或多個(gè)字符串）
- JS數(shù)組方法concat()用法實(shí)例分析
- JavaScript中使用concat()方法拼接字符串的教程
- 深入理解javascript中concat方法
- javascript使用 concat 方法對數(shù)組進(jìn)行合并的方法
- Javascript連接多個(gè)數(shù)組不用concat來解決
- js采用concat和sort將N個(gè)數(shù)組拼接起來的方法
- javascript中數(shù)組的concat()方法使用介紹
- javascript concat數(shù)組累加 示例
- JS Array創(chuàng)建及concat()split()slice()的使用方法
- 淺談JavaScript的push(),pop(),concat()方法
- JavaScript模擬數(shù)組合并concat
- JS數(shù)組降維的實(shí)現(xiàn)Array.prototype.concat.apply([], arr)
- JavaScript中concat復(fù)制數(shù)組方法淺析
- javascript數(shù)組中的concat方法和splice方法
- JavaScript的concat方法實(shí)例代碼(數(shù)組連接)
相關(guān)文章
avalon js實(shí)現(xiàn)仿微博拖動(dòng)圖片排序
玩微博的朋友都上傳過圖像吧，當(dāng)圖片上傳后用戶是可以隨意拖動(dòng)圖片的，調(diào)整圖片的順序，那么此功能是怎么實(shí)現(xiàn)的，下面小編通過此篇文章給大家詳解基于avalon js實(shí)現(xiàn)仿微博拖動(dòng)圖片排序，需要的朋友可以參考下2015-08-08
寫代碼的時(shí)候總有一些東西是會(huì)重復(fù)出現(xiàn)的,次數(shù)多了你就會(huì)想找找捷徑了,下面這篇文章主要給大家介紹了關(guān)于5個(gè)JavaScript的寫法小技巧,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02
這篇文章主要介紹了webpack中的publicpath,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
js前端URL含有特殊字符的轉(zhuǎn)碼的實(shí)現(xiàn)
本文主要介紹了js前端URL含有特殊字符的轉(zhuǎn)碼的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要給大家介紹了js簡單粗暴的發(fā)布訂閱的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)W習(xí)之自定義滾動(dòng)彈窗的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
一篇文章帶你詳細(xì)了解JavaScript數(shù)組
本文是小編給大家特意整理的關(guān)于JavaScript數(shù)組的知識(shí)，非常實(shí)用，在面試筆試題中經(jīng)常用得到，有需要的朋友可以參考下2021-09-09
本文主要分享了js實(shí)現(xiàn)3d懸浮效果的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了js根據(jù)后綴判斷文件文件類型的代碼，原來是獲取文件的擴(kuò)展名然后再判斷屬于什么類型，對于圖片多個(gè)后綴的判斷的實(shí)現(xiàn)也不是不錯(cuò)的思路，大家可以參考一下2020-05-05
為Javascript中的String對象添加去除左右空格的方法(示例代碼)
這篇文章主要介紹了為Javascript中的String對象添加去除左右空格的方法(示例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11