JS 中动态合并两个对象属性的方法

在 JavaScript 中，经常会遇到需要将两个对象的属性进行合并的情况。这种操作在许多应用场景中都非常有用，例如配置对象的整合、数据的合并处理等。下面将介绍几种常见的动态合并两个对象属性的方法。

使用 Object.assign() 方法是一种简洁有效的方式。Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它会返回目标对象。

let obj1 = { name: 'John', age: 25 };
let obj2 = { city: 'New York', job: 'Developer' };

let mergedObj = Object.assign({}, obj1, obj2);
console.log(mergedObj); 

通过展开运算符 ... 也能实现对象属性的合并。

let obj1 = { name: 'John', age: 25 };
let obj2 = { city: 'New York', job: 'Developer' };

let mergedObj = {...obj1,...obj2 };
console.log(mergedObj);

如果要进行更复杂的合并操作，比如处理属性冲突的情况，可以自定义一个合并函数。

function mergeObjects(obj1, obj2) {
  let merged = {};
  for (let key in obj1) {
    if (obj1.hasOwnProperty(key)) {
      merged[key] = obj1[key];
    }
  }
  for (let key in obj2) {
    if (obj2.hasOwnProperty(key) &&!(key in merged)) {
      merged[key] = obj2[key];
    }
  }
  return merged;
}

let obj1 = { name: 'John', age: 25 };
let obj2 = { name: 'Doe', city: 'New York' };

let mergedObj = mergeObjects(obj1, obj2);
console.log(mergedObj);

在实际开发中，根据具体的需求选择合适的合并方法可以提高代码的可读性和可维护性。还需要注意对象属性的类型和合并后的结果是否符合预期。熟练掌握对象属性的合并操作，能够让我们更加高效地处理 JavaScript 中的数据。