JS合并兩個數(shù)組的3種方法詳解
這篇文章主要介紹了JS合并兩個數(shù)組的3種方法詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
需要將兩個數(shù)組合并成為一個的情況。比如:
var a = [1,2,3]; var b = [4,5,6];
有兩個數(shù)組a、b,需求是將兩個數(shù)組合并成一個。方法如下:
1、concat
js的Array對象提供了一個叫concat()方法,連接兩個或更多的數(shù)組,并返回結果。
var c = a.concat(b); //c=[1,2,3,4,5,6];
這里有一個問題,concat方法連接a、b兩個數(shù)組后,a、b兩個數(shù)組的數(shù)據(jù)不變,同時會返回一個新的數(shù)組。這樣當我們需要進行多次的數(shù)組合并時,會造成很大的內存浪費,如果是數(shù)據(jù)量比較小的時候,還可以勉強用,如果數(shù)據(jù)量大的時候,這個就不妥了,所以這個方法肯定不是最好的。
2、for循環(huán)
大概的思路是:遍歷其中一個數(shù)組,把該數(shù)組中的所有元素依次添加到另外一個數(shù)組中。直接上代碼:
for( var i in b) { a.push(b[i]); }
這樣的寫法可以解決第一種方案中對內存的浪費,但是會有另一個問題:丑!這么說不是沒有道理,如果能只用一行代碼就搞定,豈不快哉~
3、apply
函數(shù)的apply方法有一個特性,那就是func.apply(obj,argv),argv是一個數(shù)組。所以我們可以利用這點,直上代碼:
a.push.apply(a,b);
調用a.push這個函數(shù)實例的apply方法,同時把,b當作參數(shù)傳入,這樣a.push這個方法就會遍歷b數(shù)組的所有元素,達到合并的效果。
這里可能有點繞,我們可以把b看成[4,5,6],變成這樣:
a.push.apply(a,[4,5,6]);
然后上面的操作就等同于:
a.push(4,5,6);
這樣就很清楚了!
另外,還要注意兩個小問題:
1)以上3種合并方法并沒有考慮過a、b兩個數(shù)組誰的長度更小。
所以好的做法是預先判斷a、b兩個數(shù)組哪個更大,然后使用大數(shù)組合并小數(shù)組,這樣就減少了數(shù)組元素操作的次數(shù)!
2)有時候我們不希望原數(shù)組(a、b)改變,這時就只能使用concat了。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
非常不錯的三種簡潔的Tab導航(網(wǎng)頁選項卡)簡析
非常不錯的三種簡潔的Tab導航(網(wǎng)頁選項卡)簡析...2007-08-08JavaScript實現(xiàn)瀏覽器網(wǎng)頁自動滾動并點擊的示例代碼
這篇文章主要介紹了JavaScript實現(xiàn)瀏覽器網(wǎng)頁的自動滾動并點擊的示例代碼,幫助大家更好的理解和學習JavaScript的使用,感興趣的朋友可以了解下2020-12-12javascript的alert box在java中如何顯示多行
這篇文章主要介紹了javascript的alert box在java中如何顯示多行,需要的朋友可以參考下2014-05-05