ES6中新增的对象方法，从语法糖到生产力工具

1. Object.assign()：合并对象

Object.assign()方法用于合并两个或多个对象，将源对象（source）的属性复制到目标对象（target），并返回合并后的新对象。该方法的语法如下：

Object.assign(target, ...sources)

其中，target为目标对象，sources为要合并的源对象。

Object.assign()方法可以将多个对象的属性合并到一个对象中，这在许多场景中非常有用。例如，当您需要将用户输入的数据与现有对象合并时，或者当您需要从多个来源收集数据并将其存储在一个对象中时，Object.assign()方法都能派上用场。

const person = {
  name: 'John',
  age: 30
};

const address = {
  city: 'New York',
  state: 'NY'
};

const combined = Object.assign({}, person, address);

console.log(combined);
// 输出：
// {
//   name: 'John',
//   age: 30,
//   city: 'New York',
//   state: 'NY'
// }

2. Object.is()：比较对象

Object.is()方法用于比较两个值是否相等，包括比较两个对象。该方法的语法如下：

Object.is(value1, value2)

其中，value1和value2是要比较的值。

Object.is()方法与传统的比较运算符（==和===）不同，它会考虑NaN和-0等特殊值的情况。NaN和-0都是自身相等，但使用==或===进行比较时，它们不相等。Object.is()方法可以正确地处理这些特殊值，并返回正确的结果。

console.log(Object.is(NaN, NaN)); // true
console.log(Object.is(-0, 0)); // true
console.log(Object.is('foo', 'bar')); // false

3. 实例和应用

实例

// 合并对象
const user = {
  name: 'John',
  age: 30
};

const address = {
  city: 'New York',
  state: 'NY'
};

const combined = Object.assign({}, user, address);

console.log(combined);
// 输出：
// {
//   name: 'John',
//   age: 30,
//   city: 'New York',
//   state: 'NY'
// }

// 比较对象
const object1 = {
  name: 'John',
  age: 30
};

const object2 = {
  name: 'John',
  age: 30
};

console.log(Object.is(object1, object2)); // true

应用

• 合并用户输入数据： 当您需要将用户输入的数据与现有对象合并时，Object.assign()方法非常有用。例如，在表单处理中，您可以使用Object.assign()方法将用户输入的数据与现有用户对象合并，从而更新用户的信息。
• 从多个来源收集数据： 当您需要从多个来源收集数据并将其存储在一个对象中时，Object.assign()方法也能派上用场。例如，当您需要从数据库和API中收集数据时，您可以使用Object.assign()方法将这些数据合并到一个对象中，从而方便地进行处理和分析。
• 比较对象： Object.is()方法可以用于比较两个对象是否相等，这在许多场景中非常有用。例如，当您需要比较两个对象的属性是否相同，或者当您需要比较两个对象是否指向同一个内存地址时，Object.is()方法都能为您提供准确的结果。

4. 结束语

ES6中引入的新增的对象方法，如Object.assign()和Object.is()，为JavaScript开发人员提供了更加强大和灵活的工具。这些方法不仅简化了代码，而且提高了开发效率，使开发人员能够轻松地操作和比较对象。通过理解和掌握这些方法的使用，您可以提升自己的开发技能，并为构建更加复杂的应用程序打下坚实的基础。