數(shù)組合并的幾種方法

var arr1 = [1, 2, 3];
var arr2 = ["a","b","c","d","e","f"];

1腰湾、concat

var arr = arr1.concat(arr2);  // [1, 2, 3, "a", "b", "c", "d", "e", "f"]  

Array對象提供的concat()方法,連接兩個或更多的數(shù)組处坪,并返回一個新數(shù)組根资,原數(shù)組不變架专。
但當我們需要連接多個數(shù)組的時候,效率很低玄帕,會造成很大的內存浪費部脚,所以這個方法肯定不是最好的。

2裤纹、 通過for循環(huán)

for(let i in arr1){
    arr2.push(arr[i]);
}
console.log(arr2)  // [1, 2, 3, "a", "b", "c", "d", "e", "f"]  

這樣寫性能相對來說要高一點委刘,但是會改變數(shù)組本身的值,而且很丑

3、通過map()

 arr1.map(item=>{
    arr2.push(item) 
 });
  console.log(arr2)  // [1, 2, 3, "a", "b", "c", "d", "e", "f"] 

這樣寫性能相對來說要高一點鹰椒,但是也會改變數(shù)組本身的值锡移,這樣看起來逼格高一點啦~~~

4、apply

函數(shù)的apply方法有一個特性漆际,那就是func.apply(obj,argv)淆珊,argv是一個數(shù)組。所以我們可以利用這點奸汇,直接上代碼:

1.
arr1.push.apply(arr1,arr2);   
console.log(arr1)  // [1, 2, 3, "a", "b", "c", "d", "e", "f"] 
2.
Array.prototype.push.apply(arr1,arr2);
console.log(arr1)  // [1, 2, 3, "a", "b", "c", "d", "e", "f"] 

調用arr1.push這個函數(shù)實例的apply方法施符,同時把,arr2當作參數(shù)傳入擂找,這樣arr1.push這個方法就會遍歷arr2數(shù)組的所有元素戳吝,達到合并的效果。也會改變數(shù)組本身的值

5贯涎、ES6 – 擴展運算符

arr = [...arr1,...arr2]
console.log(arr)   // [1, 2, 3, "a", "b", "c", "d", "e", "f"] 

這個方法不會改變原數(shù)組的內容听哭,返回新數(shù)組。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末柬采,一起剝皮案震驚了整個濱河市欢唾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌粉捻,老刑警劉巖礁遣,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異肩刃,居然都是意外死亡祟霍,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進店門盈包,熙熙樓的掌柜王于貴愁眉苦臉地迎上來沸呐,“玉大人,你說我怎么就攤上這事呢燥≌柑恚” “怎么了?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵叛氨,是天一觀的道長呼渣。 經(jīng)常有香客問我棘伴,道長,這世上最難降的妖魔是什么屁置? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任焊夸,我火速辦了婚禮,結果婚禮上蓝角,老公的妹妹穿的比我還像新娘阱穗。我一直安慰自己,他們只是感情好使鹅,可當我...
    茶點故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布揪阶。 她就那樣靜靜地躺著,像睡著了一般并徘。 火紅的嫁衣襯著肌膚如雪遣钳。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天麦乞,我揣著相機與錄音蕴茴,去河邊找鬼。 笑死姐直,一個胖子當著我的面吹牛倦淀,可吹牛的內容都是我干的。 我是一名探鬼主播声畏,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼撞叽,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了插龄?” 一聲冷哼從身側響起愿棋,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎均牢,沒想到半個月后糠雨,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡徘跪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年甘邀,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片垮庐。...
    茶點故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡松邪,死狀恐怖,靈堂內的尸體忽然破棺而出哨查,到底是詐尸還是另有隱情逗抑,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站锋八,受9級特大地震影響浙于,放射性物質發(fā)生泄漏。R本人自食惡果不足惜挟纱,卻給世界環(huán)境...
    茶點故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望腐宋。 院中可真熱鬧紊服,春花似錦、人聲如沸胸竞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽卫枝。三九已至煎饼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間校赤,已是汗流浹背吆玖。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留马篮,地道東北人沾乘。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像浑测,于是被迫代替她去往敵國和親翅阵。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,055評論 2 355

推薦閱讀更多精彩內容

  • 數(shù)組方法 下面開始介紹數(shù)組的方法迁央,數(shù)組的方法有數(shù)組原型方法掷匠,也有從object對象繼承來的方法,這里我們只介紹數(shù)組...
    祈求者閱讀 371評論 0 2
  • 由于最近都在freecodecamp上刷代碼岖圈,運用了很多JavaScript數(shù)組的方法讹语,因此做了一份關于JavaS...
    2bc5f46e925b閱讀 1,979評論 0 16
  • 一、創(chuàng)建Array 創(chuàng)建數(shù)組主要有兩種方法幅狮,第一種是使用數(shù)組構造函數(shù)募强,第二種是使用數(shù)組字面量表示法。 使用數(shù)組構造...
    JackfengGG閱讀 947評論 0 51
  • C語言是面向過程的,而C++是面向對象的 C和C++的區(qū)別: C是一個結構化語言逐抑,它的重點在于算法和數(shù)據(jù)結構鸠儿。C程...
    小辰帶你看世界閱讀 366評論 0 2