ES6 中对象的新增方法详解

在 ES6 中，对象的新增方法为开发者提供了更加方便的操作方式，从而提高了开发效率。本文将对 ES6 中对象的新增方法进行详细的介绍和解析，包括以下内容：

• Object.assign()
• Object.is()
• Object.keys()
• Object.values()
• Object.entries()
• Object.getOwnPropertyDescriptors()

Object.assign()

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，并返回目标对象。该方法的语法如下：

Object.assign(target, ...sources)

其中，target 为目标对象，sources 为源对象。该方法会将源对象的所有可枚举属性复制到目标对象中，如果多个源对象具有相同的属性，则后面的属性会覆盖前面的属性。

示例代码如下：

const target = { a: 1, b: 2 };
const source1 = { b: 3, c: 4 };
const source2 = { c: 5, d: 6 };

const result = Object.assign(target, source1, source2);

console.log(target); // { a: 1, b: 3, c: 5, d: 6 }
console.log(result); // { a: 1, b: 3, c: 5, d: 6 }

Object.is()

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

Object.is(value1, value2)

如果两个值相等，则返回 true，否则返回 false。该方法与全等运算符（===）的行为基本一致，但是有两个例外：

• 对于 NaN 和 NaN，Object.is(NaN, NaN) 返回 true。
• 对于 +0 和 -0，Object.is(+0, -0) 返回 false。

示例代码如下：

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

Object.keys()

Object.keys() 方法用于返回一个包含所有可枚举属性名称的数组。该方法的语法如下：

Object.keys(obj)

其中，obj 为要返回属性名称的对象。

示例代码如下：

const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);

console.log(keys); // ['a', 'b', 'c']

Object.values()

Object.values() 方法用于返回一个包含所有可枚举属性值的数组。该方法的语法如下：

Object.values(obj)

其中，obj 为要返回属性值的对象。

示例代码如下：

const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);

console.log(values); // [1, 2, 3]

Object.entries()

Object.entries() 方法用于返回一个包含所有可枚举属性名称和值的数组。该方法的语法如下：

Object.entries(obj)

其中，obj 为要返回属性名称和值的对象。返回的数组中，每个元素都是一个包含两个元素的数组，第一个元素为属性名称，第二个元素为属性值。

示例代码如下：

const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);

console.log(entries); // [['a', 1], ['b', 2], ['c', 3]]

Object.getOwnPropertyDescriptors()

Object.getOwnPropertyDescriptors() 方法用于获取一个对象所有自身属性的描述符。该方法的语法如下：

Object.getOwnPropertyDescriptors(obj)

其中，obj 为要获取属性描述符的对象。返回的结果是一个对象，对象的属性名为属性名称，属性值为属性描述符对象。

示例代码如下：

const obj = { a: 1, b: 2 };
const descriptors = Object.getOwnPropertyDescriptors(obj);

console.log(descriptors); // { a: { value: 1, writable: true, enumerable: true, configurable: true }, b: { value: 2, writable: true, enumerable: true, configurable: true } }

总结

本文对 ES6 中对象的新增方法进行了详细的介绍和解析，包括 Object.assign()、Object.is()、Object.keys()、Object.values()、Object.entries() 和 Object.getOwnPropertyDescriptors() 方法。这些方法为开发者提供了更加方便的操作方式，从而提高了开发效率。在实际开发中，我们可以根据具体的需求选择合适的方法来操作对象。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c96358add4f0e0ff32bd89