首頁技術(shù)文章正文

JavaScrit如何合并兩個(gè)數(shù)組?

更新時(shí)間:2021-11-26 來源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

Js合并數(shù)組一般有以下集中方法,下面我們分別介紹。

1. 利用concat()方法

concat()方法,可以連接兩個(gè)或多個(gè)數(shù)組,不影響原數(shù)組,返回一個(gè)新數(shù)組。

<script>
    var arr = ['a', 'b', 'c'];
    var arr1 = [1, 2, 3, 4];
    //  通過concat()將arr和arr1兩個(gè)數(shù)組合并
    var arr2 = arr.concat(arr1);
    console.log(arr2);      //輸出:(7) ["a", "b", "c", 1, 2, 3, 4]
</script>


2. 利用for循環(huán)

<script>
    var arr = ['a', 'b', 'c'];
    var arr1 = [1, 2, 3, 4];
    
    for(i in arr){
        arr1.push(arr[i]);
    }
    console.log(arr1);      // 輸出:(7) [1, 2, 3, 4, "a", "b", "c"]
</script>


3. apply () 方法

apply()方法是JS中所有函數(shù)默認(rèn)都有的方法是JS中所有函數(shù)默認(rèn)都有的方法,有兩個(gè)參數(shù),第一個(gè)參數(shù)是上下文環(huán)境的對(duì)象,第二個(gè)參數(shù)是函數(shù)列表,支持?jǐn)?shù)組形式傳遞,

<script>
    var arr = ['a', 'b', 'c'];
    var arr1 = [1, 2, 3, 4];
    
    arr1.push.apply(arr1, arr);
    console.log(arr1);      // 輸出:(7) [1, 2, 3, 4, "a", "b", "c"]
</script>

調(diào)用arr1數(shù)組的push函數(shù)的apply函數(shù),將上下文環(huán)境設(shè)為arr1數(shù)組,參數(shù)列表設(shè)為arr,由于push方法支持如下調(diào)用:push(item1, item2, item3),所以就將數(shù)組參數(shù)轉(zhuǎn)換為參數(shù)列表,從而實(shí)現(xiàn)數(shù)組合并。


4. 擴(kuò)展運(yùn)算符

擴(kuò)展運(yùn)算符(...)是ES6的語法,用于取出參數(shù)對(duì)象的所有可遍歷屬性,然后拷貝到當(dāng)前對(duì)象之中。

<script>
    var arr = ['a', 'b', 'c'];
    var arr1 = [1, 2, 3, 4];
   
    arr = [...arr, ...arr1]
    console.log(arr);      // 輸出:(7) ["a", "b", "c", 1, 2, 3, 4]
</script>


猜你喜歡:

JavaScript事件由什么組成的?

JavaScript數(shù)組類型檢測(cè)的方法

Javascript如何改變數(shù)組的長度?

Javascript多維數(shù)組介紹

黑馬程序員web前端開發(fā)高手班

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!