将一个对象的属性和值提取到一个新的 object

Question

我想要一个漂亮的小衬里来使用数组，例如['postcode','town'] ，然后从更大的 object 中提取这些属性。

所以这：

const fields = ['postcode','town'];
const obj = {
    name: 'test',
    postcode: 'SS2 5JJ',
    town: 'Somewhere',
    other: 'info'
}

会变成这样：

const filtered = {
    postcode: 'SS2 5JJ',
    town: 'Somewhere',
}

我确实找到了这个但是我误解了它我相信：

const fields = ['postcode','town'];
Object.keys(fields).map(e => fields[e])

做这个的最好方式是什么？

Answer 1

你可以使用Array.reduce

 const fields = ['postcode', 'town']; const obj = { name: 'test', postcode: 'SS2 5JJ', town: 'Somewhere', other: 'info' }; const filteredObj = fields.reduce((acc, cur) => Object.assign(acc, { [cur]: obj[cur] }), {}); console.log(filteredObj);

Answer 2

或许：

let res = Object.fromEntries(Object.entries(obj).filter(e => fields.includes(e[0]))

Answer 3

您可以将数组fields map 设置为[key, value] ，这将创建一个[key, value]对数组。 拥有此数组后，您可以使用Object.fromEntries()为每个键值对构建 object：

 const fields = ['postcode','town']; const obj = { name: 'test', postcode: 'SS2 5JJ', town: 'Somewhere', other: 'info' }; const res = Object.fromEntries(fields.map(key => [key, obj[key]])); console.log(res);

Answer 4

“最佳”当然是一个主观的概念。 但我认为减少 function 是最干净的方法。 这样就不需要将不同的功能链接在一起。

const filtered = fields.reduce((prev, key) => ({[key]: obj[key], ...prev}), {});

Answer 5

 const fields = ['postcode','town']; const obj = { name: 'test', postcode: 'SS2 5JJ', town: 'Somewhere', other: 'info' } const newObj = {}; Object.keys(obj).forEach(key => { if (fields.includes(key)) { newObj[key] = obj[key]; } }); console.log(newObj);