#### 合并數組的幾種方法:
我們在項目過程中,有時候會遇到需要將兩個數組合并成為一個的情況。比如:
~~~
let a=[1,2,3],
b=[4,5,6];
~~~
有兩個數組a、b,需求是將兩個數組合并成一個.
**方法一:concat**
~~~
let c = a.concat(b);//c=[1,2,3,4,5,6]
~~~
這里有一個問題,concat方法連接a、b兩個數組后,a、b兩個數組的數據不變,同時會返回一個新的數組。這樣當我們需要進行多次的數組合并時,會造成很大的內存浪費,所以這個方法肯定不是最好的;
**方法二:for循環**
大思路是:遍歷其中一個數組,把該數組中的所有元素依次添加到另外一個數組中。直接上代碼:
~~~
for(var i in b){
a.push(b[i]);
}
~~~
這樣的寫法可以解決第一種方案中對內存的浪費。
**方法三:apply**
~~~
a.push.apply(a,b);
~~~
調用a.push這個函數實例的apply方法,同時把,b當作參數傳入,這樣a.push這個方法就會遍歷b數組的所有元素,達到合并的效果。
這里可能有點繞,我們可以把b看成[4,5,6],變成這樣:
~~~
a.push.apply(a,[4,5,6]);
~~~
然后上面的操作就等同于:
~~~
a.push(4,5,6);
~~~
- 空白目錄
- Javascript
- angularjs
- 自定義指令
- scope
- 自定義指令的封裝
- 自定義指令限制只能輸入數字
- 輪播圖
- 寫angular的順序
- $state
- video
- Es6
- Let
- 箭頭函數
- export
- promise
- 函數
- vue
- vue安裝,以及項目結構
- vue的使用
- easy-vue
- vue起步
- vue基礎
- vue-router
- vue-各文件的依賴關系
- vuex
- vue使用sass語法
- mpvue使用wx.parse
- vue-cli 構建vue項目
- vant的使用
- vue使用插件及常見問題
- 原生Js
- 數組
- ajax
- 執行上下文
- 正則表達式
- jqurey
- jqurey-mobile
- html5
- 工具
- svn使用總結
- webpack
- webpack的構建
- WebStorm
- 切圖相關
- 蘋果手機注意事項
- other
- 前端的價值
- 面試相關
- css
- 小程序如何引用外部字體
- 流的理解
- 替換元素
- content和偽元素
- padding和background 繪制圖形
- css圓角,陰影,漸變
- line-height verticle-align
- 使用background繪制4個直角
- android的字體偏上的問題
- 小程序
- 小程序常見問題
- 小程序常用效果
- mpvue
- nodejs
- 前端工程化學習筆記
- mork.js學習