合并对象的几种方法

简介: 合并对象的几种方法

运算扩展符

let obj1 = {
    a:'111'}
let obj2 = {
    b : '222'}
let newObj = {
   ...obj1,...obj2}
console.log(newObj === obj1)  // false
console.log(newObj === obj2)  // false
//

Object.assign

let obj1 = {
    a:'111'}
let obj2 = {
    b : '222',a:'foo'}
let newObj = Object.assign(obj1,obj2)
console.log(newObj === obj1) // true
console.log(newObj === obj2) // false
// 后面的对象属性,会覆盖前面的对象属性

_.merge(object, [sources]) -----------工具库lodash

https://www.lodashjs.com/docs/lodash.merge#_mergeobject-sources

var object = {
   
  'a': [{
    'b': 2 }, {
    'd': 4 }]
};

var other = {
   
  'a': [{
    'c': 3 }, {
    'e': 5 }]
};

_.merge(object, other);
// => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
相关文章
|
6月前
2020-10-10 数组和对象的区分方法
2020-10-10 数组和对象的区分方法
|
存储 JSON PHP
PHPJSON嵌套对象和数组的解析方法
在PHP编程开发中,JSON是一种非常常用的数据格式。它具有简单、轻量和易于解析的特点,非常适合用于数据交换和存储。当我们处理JSON数据时,经常需要解析嵌套的对象和数组,本文将介绍几种解析方法。
104 1
|
6月前
|
存储 JavaScript 前端开发
数组:数组是JS中的一种特殊对象,用于存储一组有序的数据。需要掌握数组的创建、访问、修改以及各种内置方法。
数组:数组是JS中的一种特殊对象,用于存储一组有序的数据。需要掌握数组的创建、访问、修改以及各种内置方法。
74 2
|
6月前
|
前端开发 JavaScript
ES6中 对象合并
ES6中 对象合并
36 0
从数组对象格式的数组中删除指定对象
从数组对象格式的数组中删除指定对象
36 0
|
前端开发 JavaScript
ES6 对象合并
ES6 对象合并
181 0
lodash遍历分配对象的属性,忽略相同属性的值
lodash遍历分配对象的属性,忽略相同属性的值
95 0
六个方法两个拷贝带你透彻对象合并问题
实际场景下,我们经常需要进行对象合并的操作,而有时候原对象的改变会改变合并后的对象,这是一个非常严重的问题,涉及到了合并对象中的深浅拷贝,递归遍历,让人发蒙。
148 1
lodash遍历并继承对象属性,自定义分配
lodash遍历并继承对象属性,自定义分配
139 0
|
数据处理
两个接口数据合并
数据处理
231 0