在前端开发中，我们常常需要对现有的对象进行一些操作，例如筛选、筛选属性等等。在 ES8 中，我们可以使用 Object.keys() 方法和数组解构来方便地生成新的对象，实现我们的需求。
Object.keys() 方法
首先，我们需要了解 Object.keys() 方法的作用，它可以返回一个数组，其中包含了指定对象的所有属性的名称。例如，我们可以通过以下代码来获取一个对象所有属性的名称：
// javascriptcn.com 代码示例
const obj = {
name: 'Lucy',
age: 18,
gender: 'female'
};
const keys = Object.keys(obj);
console.log(keys);
// ['name', 'age', 'gender']我们可以发现，Object.keys() 方法返回了一个数组，其中包含了 obj 对象的所有属性名称。那么，我们可以利用这个数组来方便地生成新的对象。
数组解构
在 ES6 中，引入了数组解构的概念。通过数组解构，我们可以轻松地将一个数组中的值解构到多个变量中。例如，我们可以通过以下代码来实现对数组的解构：
const arr = [1, 2, 3]; const [a, b, c] = arr; console.log(a, b, c); // 1 2 3
在这个例子中，我们将数组 arr 中的值解构到了变量 a、b 和 c 中。
使用 Object.keys() 方法和数组解构生成新对象
现在，我们已经了解了 Object.keys() 方法和数组解构的用法。接下来，我们将两种方法结合起来，来生成新的对象。
首先，我们定义一个需要筛选的对象：
const obj = {
name: 'Lucy',
age: 18,
gender: 'female'
};然后，我们可以使用 Object.keys() 方法来获取 obj 对象中的所有属性名称：
const keys = Object.keys(obj); console.log(keys); // ['name', 'age', 'gender']
接下来，我们可以使用数组解构，将 obj 对象中的属性键值对解构到新的对象中：
const newObj = {};
for (const key of keys) {
newObj[key] = obj[key];
}
console.log(newObj);
// { name: 'Lucy', age: 18, gender: 'female' }在上面的代码中，我们使用循环遍历属性名称数组 keys，然后逐一将属性键值对解构到新的对象 newObj 中。
当然，上面的代码可以进一步简化，使用 Array.prototype.reduce() 方法实现：
const newObj = Object.keys(obj)
.reduce((acc, key) => {
acc[key] = obj[key];
return acc;
}, {});
console.log(newObj);
// { name: 'Lucy', age: 18, gender: 'female' }总结
在 ES8 中，我们可以使用 Object.keys() 方法和数组解构来方便地生成新的对象，帮助我们更好地完成前端开发中的一些操作，例如筛选、筛选属性等等。在实际开发中，我们可以根据实际需求，灵活运用这些技术，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654b3ad57d4982a6eb526b62