目錄

一、對(duì)象合并

1、Object.assign(target, …sources)

二、數(shù)組合并

1、for循環(huán)

2、concat()

3、apply

4、es6擴(kuò)展運(yùn)算符[…arr, …arr2]

5、push(…arr)

---

一、對(duì)象合并

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

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

1、源對(duì)象屬性替換目標(biāo)對(duì)象屬性

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

3、基本數(shù)據(jù)類型字符串生成對(duì)象

    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，售后保障穩(wěn)定

二、數(shù)組合并

1、for循環(huán)

會(huì)改變?cè)瓟?shù)組，如果不想改變?cè)瓟?shù)組需要生成一個(gè)新數(shù)組

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

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

2、concat()

concat() 方法用于連接兩個(gè)或多個(gè)數(shù)組,該方法不會(huì)改變現(xiàn)有的數(shù)組，而僅僅會(huì)返回被連接數(shù)組的一個(gè)副本

    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] 原數(shù)組不變

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擴(kuò)展運(yùn)算符[…arr, …arr2]

擴(kuò)展運(yùn)算符（…）也可以將某些數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)為數(shù)組

    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)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。