各位js大神,请教以下如下俩个对象数组如何合并为一个?

JavaScript09

各位js大神,请教以下如下俩个对象数组如何合并为一个?,第1张

js的数组合并有三种方法,任何一种都可以做到你需要的结果,如下:

concat 方法

var arr1=[{"msg":"你也好","from":"libai"},{"msg":"我是李白,你是谁","from":"libai"}]

var arr2=[{"msg":"你好","from":"admin"},{"msg":"LOL吗","from":"admin"},{"msg":"我是系统管理员,你是李白吗","from":"admin"}]

var arr=arr1.concat(arr2)

console.log(c)//你要的结果,不改变arr1和arr2

循环遍历

var arr1=[{"msg":"你也好","from":"libai"},{"msg":"我是李白,你是谁","from":"libai"}]

var arr2=[{"msg":"你好","from":"admin"},{"msg":"LOL吗","from":"admin"},{"msg":"我是系统管理员,你是李白吗","from":"admin"}]

for(var i=0i<arr2.lengthi++){

arr1.push(arr2[i])

}

console.log(arr1)//你要的结果,但是这个是直接改变了arr1这个数组

apply方法

合并数组arr1和数组arr2,使用Array.prototype.push.apply(arr1,arr2)  or arr1.push.apply(arr1,arr2)

var arr1=[{"msg":"你也好","from":"libai"},{"msg":"我是李白,你是谁","from":"libai"}]

var arr2=[{"msg":"你好","from":"admin"},{"msg":"LOL吗","from":"admin"},{"msg":"我是系统管理员,你是李白吗","from":"admin"}]

Array.prototype.push.apply(arr1,arr2) //或者 arr1.push.apply(arr1,arr2)

console.log(arr1) //改变了arr1

如果data数组和name数组的长度一样的话是可以合并的。如:

for(var i=0i<this.data.lengthi++){

    var href="C://Users/v_yxxchang/Desktop/aa(1)/demo/"+this.name[i]".html"

    $ul.append($("<li><a href='"+href+"'>"+this.data[i]+"</a></li>"))

}

$.extend(object1, object2)   将object2合并到object1中

tips :1. 如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加新的函数。

        2. 如果多个对象具有相同的属性,则后者会覆盖前者的属性值。

将多个对象合并成一个

ex:let user = {name:'无敌人',age:19}

        let page = {pageSize:10,currentPage:1}

        let newObj = {}

        let a=Object.assign(newObj,user,page)

tips:$.extend()最终也许会改变其中的一个对象,而Object.assign()会返回一个新的合并了的对象 而传入的这些对象不会被改变