ES8 中另外一个让人惊喜的对象新特性
在 ES8 中，新增了很多令人惊喜的特性，其中一个值得我们深入探究的就是对象新特性。这个特性为开发者提供了更加便捷、灵活的对象使用方法，让我们一起来看看吧！
- Object.values()
Object.values() 方法返回一个包含对象所有属性值的数组。这个方法可以让我们更加方便地获取对象属性值，而不需要遍历对象。下面是示例代码：
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.values(obj)); // [1, 2, 3]- Object.entries()
Object.entries() 方法返回一个包含对象所有属性键值对的数组。这个方法可以让我们更加方便地遍历对象，获取对象属性键值对。下面是示例代码：
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj)); // [["a", 1], ["b", 2], ["c", 3]]- Object.getOwnPropertyDescriptors()
Object.getOwnPropertyDescriptors() 方法返回一个包含对象所有属性描述符的对象。这个方法可以让我们更加方便地获取对象属性的描述符，包括属性值、可枚举性、可写性、可配置性等信息。下面是示例代码：
// javascriptcn.com 代码示例
const obj = {
a: 1,
b: {
value: 2,
writable: false,
enumerable: true,
configurable: true
}
};
console.log(Object.getOwnPropertyDescriptors(obj));
/*
{
a: { value: 1, writable: true, enumerable: true, configurable: true },
b: { value: 2, writable: false, enumerable: true, configurable: true }
}
*/这个方法在对象属性拷贝、对象属性增删改查等场景下非常有用。
- Object.fromEntries()
Object.fromEntries() 方法将一个包含属性键值对数组转换为对象。这个方法可以让我们更加方便地创建对象，而不需要使用 Object.assign() 或者手动遍历数组。下面是示例代码：
const arr = [["a", 1], ["b", 2], ["c", 3]];
console.log(Object.fromEntries(arr)); // {a: 1, b: 2, c: 3}这个方法在数组转对象、对象属性筛选等场景下非常有用。
总结
ES8 中的对象新特性为我们提供了更加便捷、灵活的对象使用方法，让我们的开发工作更加高效、简洁。我们可以根据不同的场景，选择适合的方法来操作对象，提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650bd8ae95b1f8cacd5e8772