Javascript連接多個數(shù)組不用concat來解決
更新時間：2014年03月24日 16:44:21 作者：
這篇文章主要介紹了不用concat解決Javascript連接多個數(shù)組,需要的朋友可以參考下
第一種方法就是大家熟知的concat，但是這個方法有一個確定就是該方法不會改變現(xiàn)有的數(shù)組，而僅僅會返回被連接數(shù)組的一個副本。
如果只是想把一個新數(shù)組的元素加到現(xiàn)有數(shù)組中，我們還要為其重新賦值，其實(shí)存在有一點(diǎn)點(diǎn)資源的浪費(fèi)。簡單的說，我們要為新創(chuàng)建的數(shù)組分配新的內(nèi)存空間，并且把a(bǔ)rr1重新指向這個新內(nèi)存地址，那么原來那個內(nèi)存中的數(shù)組呢，嘿嘿 那就要看瀏覽器能不能正確回收嘍。
如下例：
var arr1 = [1,2,3];
var arr1 = arr1.concat([4,5]);
那么我們有沒有什么好辦法來避免這個資源消耗呢？
這里可以使用Javascript原生的apply方法來實(shí)現(xiàn)，首先看如下代碼：
var arr1= [1,2,3];
arr1.push.apply(arr1,[4,5]);
這樣就搞定了，此方法巧妙的運(yùn)用了apply方法的特性(第二個參數(shù)是數(shù)組類型的多個)解放了push方法， push方法從本身只能傳遞多個值變成了可以傳遞數(shù)組， 上述代碼其實(shí)就等價于
arr1.push(4,5);
這樣arr1還是那個arr1，只是內(nèi)存進(jìn)行了重寫而已，沒有重定向和不必要的內(nèi)存溢出。
如果只是想把一個新數(shù)組的元素加到現(xiàn)有數(shù)組中，我們還要為其重新賦值，其實(shí)存在有一點(diǎn)點(diǎn)資源的浪費(fèi)。簡單的說，我們要為新創(chuàng)建的數(shù)組分配新的內(nèi)存空間，并且把a(bǔ)rr1重新指向這個新內(nèi)存地址，那么原來那個內(nèi)存中的數(shù)組呢，嘿嘿 那就要看瀏覽器能不能正確回收嘍。
如下例：
復(fù)制代碼 代碼如下:
var arr1 = [1,2,3];
var arr1 = arr1.concat([4,5]);
那么我們有沒有什么好辦法來避免這個資源消耗呢？
這里可以使用Javascript原生的apply方法來實(shí)現(xiàn)，首先看如下代碼：
復(fù)制代碼 代碼如下:
var arr1= [1,2,3];
arr1.push.apply(arr1,[4,5]);
這樣就搞定了，此方法巧妙的運(yùn)用了apply方法的特性(第二個參數(shù)是數(shù)組類型的多個)解放了push方法， push方法從本身只能傳遞多個值變成了可以傳遞數(shù)組， 上述代碼其實(shí)就等價于
復(fù)制代碼 代碼如下:
arr1.push(4,5);
這樣arr1還是那個arr1，只是內(nèi)存進(jìn)行了重寫而已，沒有重定向和不必要的內(nèi)存溢出。
您可能感興趣的文章:
- JS數(shù)組合并push與concat區(qū)別分析
- js嵌套的數(shù)組扁平化:將多維數(shù)組變成一維數(shù)組以及push()與concat()區(qū)別的講解
- JavaScript使用concat連接數(shù)組的方法
- JavaScript字符串對象的concat方法實(shí)例（用于連接兩個或多個字符串）
- JS數(shù)組方法concat()用法實(shí)例分析
- JavaScript中使用concat()方法拼接字符串的教程
- 深入理解javascript中concat方法
- javascript使用 concat 方法對數(shù)組進(jìn)行合并的方法
- js采用concat和sort將N個數(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)文章
JavaScript是一種解釋型語言，所以能無法達(dá)到和C/Java之類的水平，限制了它能在客戶端所做的事情，為了能改進(jìn)他的性能，我想基于我以前給JavaScript做過的很多測試來談?wù)勛约旱慕?jīng)驗(yàn)，希望能幫助大家改進(jìn)自己的JavaScript腳本性能。2007-02-02
cocos creator Touch事件應(yīng)用(觸控選擇多個子節(jié)點(diǎn)的實(shí)例)
下面小編就為大家?guī)硪黄猚ocos creator Touch事件應(yīng)用(觸控選擇多個子節(jié)點(diǎn)的實(shí)例)。小編覺得挺不錯的，現(xiàn)在就想給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
JavaScript轉(zhuǎn)換數(shù)據(jù)庫DateTime字段類型方法
下面小編就為大家?guī)硪黄狫avaScript轉(zhuǎn)換數(shù)據(jù)庫DateTime字段類型方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
本篇文章主要介紹了博客內(nèi)容進(jìn)度插件的實(shí)現(xiàn)方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
JS獲取隨機(jī)數(shù)和時間轉(zhuǎn)換的簡單實(shí)例
下面小編就為大家?guī)硪黄狫S獲取隨機(jī)數(shù)和時間轉(zhuǎn)換的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)拼圖游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了Js控制滑輪左右滑動實(shí)例,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-02-02
最近工作中element后臺管理使用Echarts圖表,在使用過程中也遇到了些問題,下面這篇文章主要給大家介紹了關(guān)于echart自適應(yīng)寬度的兩種方法,需要的朋友可以參考下2022-12-12
mockjs,json-server一起搭建前端通用的數(shù)據(jù)模擬框架教程
下面小編就為大家分享一篇mockjs,json-server一起搭建前端通用的數(shù)據(jù)模擬框架教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了JavaScript獲取數(shù)組最小值和最大值的方法,涉及javascript中min與max方法的使用技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-06-06