JavaScript对象合并问题

Question

最后想要的结果希望是这个样子的。

let obj = {

title:{
    text: 'PIE',
    textStyle: {
      color: '#cccccc',
      fontSize:  45,
      fontWeight: 'normal',
      fontFamily: '华文细黑',
    },
    x: 'center',
    y: 'center'
}

}
就是b中的对象的值覆盖掉a中的。

Answer 1

deepmerge-plus

https://www.npmjs.com/package...

Answer 2

//最外面for循环依情况加.

for(key in b.title){
    a.title.text = b.title.text;
        for(k in b.title.textStyle){
            a.title.textStyle[k] =  b.title.textStyle[k];
        }
}

Answer 3

试试这个：var obj = $.extend(true, a, b);

语法：jQuery.extend( [deep ], target, object1 [, objectN ] )
深浅拷贝对应的参数就是[deep]，是可选的，为true或false。默认情况是false（浅拷贝），并且false是不能够显示的写出来的。如果想写，只能写true（深拷贝）

Answer 4

原生js 写的

function merge (target) {
  for (let i = 1, j = arguments.length; i < j; i++) {
    let source = arguments[i] || {};
    for (let prop in source) {
      if (source.hasOwnProperty(prop)) {
        let value = source[prop];
        if(typeof value === "object" ){
          target[prop] = merge(target[prop]||{},value)
        }else {
          if (value !== undefined) {
            target[prop] = value;
          }
        }
      }
    }
  }
  return target;
};

merge(a,b)

Answer 5

{...a,...b}，望采纳

Answer 6

Object.assign(a, b) ES6新语法

Answer 7

var a = {
  title: {
    text: '饼图',
    textStyle: {
      color: '#ffffff',
      fontSize: 45,
      fontWeight: 'normal',
      fontFamily: '华文细黑'
    },
    x: 'center',
    y: 'center'
  }
}

var b = {
  title: {
    text: 'PIE',
    textStyle: {
      color: '#cccccc'
    }
  },
  test: 'test'
}

function merge(target, source) {
  for (key in source) {
    if (target.hasOwnProperty(key) && typeof target[key] === 'object') {
      merge(target[key], source[key])
    } else {
      target[key] = source[key]
    }
  }
}

merge(a, b)

console.log(a)

Answer 8

可以自己写深度复制，不过我建议用成熟的库，比如 lodash，那么这里从左至右深度复制建议用 defaultsDeep：

import {defaultsDeep} from 'lodash';

let obj = defaultsDeep(b, a); // 注意从左至右