在前端开发中，获取JavaScript对象的属性子集是一项常见的操作。本文将介绍几种方法来实现这个目标，并提供具体的示例代码。
方法一：使用解构赋值
解构赋值是ES6中的一项新功能，它允许我们从一个对象中提取出指定的属性并创建新的变量。以下是一个示例：
const obj = { name: 'John', age: 30, sex: 'Male' };
const { name, age } = obj;
console.log(name); // Output: John
console.log(age); // Output: 30在上面的例子中，我们从“obj”对象中提取了“name”和“age”属性，并将其分别赋值给了名为“name”和“age”的变量。
如果你只需要一部分属性而不是全部属性，你可以按照以下方式进行解构赋值：
const { name, age } = { name: 'John', age: 30, sex: 'Male' };
console.log(name); // Output: John
console.log(age); // Output: 30在上面的例子中，我们直接从对象字面量创建的对象中提取了“name”和“age”属性。
方法二：使用Object.fromEntries()方法
Object.fromEntries()方法是ES2019中的一项新功能，它允许我们从键值对数组中创建一个对象。以下是一个示例：
const obj = { name: 'John', age: 30, sex: 'Male' };
const subset = Object.fromEntries(Object.entries(obj).filter(([key, value]) => key !== 'sex'));
console.log(subset); // Output: { name: 'John', age: 30 }在上面的例子中，我们首先使用Object.entries()方法将对象转换为键值对数组，然后使用.filter()方法过滤掉我们不需要的属性“sex”，最后使用Object.fromEntries()方法将剩余的键值对转换回一个新的对象。
方法三：使用lodash库
如果你不想自己编写代码来获取JavaScript对象的属性子集，你可以使用lodash库中的.pick()方法。以下是一个示例：
const obj = { name: 'John', age: 30, sex: 'Male' };
const subset = _.pick(obj, ['name', 'age']);
console.log(subset); // Output: { name: 'John', age: 30 }在上面的例子中，我们使用了lodash库中的.pick()方法从“obj”对象中选取了“name”和“age”属性，并将它们放入一个新对象中。
结论
本文介绍了三种获取JavaScript对象属性子集的方法，包括使用解构赋值、Object.fromEntries()和lodash库中的.pick()方法。这些方法都非常简单易懂，并且能够帮助我们更好地处理JavaScript对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10422
