目錄

一、對象合并

1、Object.assign(target, …sources)

二、數組合并

1、for循環

2、concat()

3、apply

4、es6擴展運算符[…arr, …arr2]

5、push(…arr)

---

一、對象合并

1、Object.assign(target, ...sources)

Object.assign()方法用于將所有可枚舉屬性的值從一個或多個源對象分配到目標對象,它將返回目標對象

1、源對象屬性替換目標對象屬性

2、同名屬性，后面替換前面屬性

3、基本數據類型字符串生成對象

    let obj = { a: 1, b: 2, c: 3 }
    let obj2 = { b: 5, d: 6 }
    let res = Object.assign(obj, obj2)
    console.log(res);//{a: 1, b: 5, c: 3, d: 6}

Jetbrains全家桶1年46，售后保障穩定

二、數組合并

1、for循環

會改變原數組，如果不想改變原數組需要生成一個新數組

    let a = [1, 2, 3];
    let b = [4, 5];

    //1 for循環
    for (var i in b) {
        a.push(b[i]);
    }
    console.log(a); //[1,2,3,4,5]

2、concat()

concat() 方法用于連接兩個或多個數組,該方法不會改變現有的數組，而僅僅會返回被連接數組的一個副本

    let a = [1, 2, 3];
    let b = [4, 5];
    let c = a.concat(b);
    console.log(c);//[1,2,3,4,5]
    console.log(a);//[1,2,3] 原數組不變

3、apply

    let a = [1, 2, 3];
    let b = [4, 5];
    let c = a.push.apply(a, b);
    console.log(a); //[1,2,3,4,5]

4、es6擴展運算符[…arr, …arr2]

擴展運算符（…）也可以將某些數據結構轉為數組

    let a = [1, 2, 3];
    let b = [4, 5];
    let arr1 = [...a, ...b]
    console.log(arr1)

5、push(…arr)

    let a = [1, 2, 3];
    let b = [4, 5];
    let c = a.push(...b)
    console.log(a)

總結

以上是生活随笔為你收集整理的js合并数组与合并对象的区别_js将对象转为数组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。