JS中常见对象合并方式

文章类型:Javascript

发布者:hp

发布时间:2022-08-14

在实际来发中,经常会处理到对象类型,今天我们就整理一下,常见的几种对象合并方式

第一种采用Object.assgin()方法

<script>
/*JS中对象的合并方式*/
let obj={
name:'张三'
}
let obj1={
age:1
}
let obj3=Object.assign(obj,obj1)

console.log(obj3)

</script>

第二种方式采用es6的拓展运算符(...)

let obj3={...obj,...obj1}

第三种方式采用原始的递归赋值方法,就是循环

let obj3=obj
for(let key in obj1){
if(obj1.hasOwnProperty(key)){
obj[key]=obj1[key]
}
}
console.log(obj3)

第四种方式我们借用jquery库里面封装好的方法extend

$(function(){
let obj3=$.extend(obj,obj1)
let obj4=$.extend(true,obj,obj1)
console.log(obj3)//浅拷贝
console.log(obj4)//深拷贝

})

注意所有合并的新对象都是浅拷贝,如果修改了某个属性值,都会同步到其他属性上!!!