根据数组顺序过滤 Object 属性

Question

我有一个数组

const arr = ['a', 'b', 'd', 'c', 'e'];

API 发送此数据

const data ={a:'a', b:'b', c:'c', e:'e', f:'f'}

有时键也会丢失，但数组键应始终存在于最终结果中。

output 应该是{a:'a', b:'b', d:'', c:'c', e:'e'} 。 请帮助我使用 ES6 并给我一个解释。 我正在使用 reactjs16.9。 在这个给定的情况下，object d 缺失，因此它应该用“”初始化。 如果所有密钥都存在，则应删除 API 中的额外密钥。

Answer 1

您可以只使用想要的密钥来迭代密钥并构建新的 object。

在映射回调内部，使用in运算符和条件（三元）运算符?:检查键是否存在，用于从 object 或占位符' '获取未知属性的值。

结果是带有 Object.fromEntries 的Object.fromEntries或简单数组。

 const keys = ['a', 'b', 'd', 'c', 'e'], data = {a: 'a', b: 'b', c: 'c', e: 'e', f: 'f' }, result = Object.fromEntries(keys.map(k => [k, k in data? data[k]: ' '])), onlyValues = keys.map(k => k in data? data[k]: ' '); console.log(result); console.log(onlyValues);

 .as-console-wrapper { max-height: 100%;important: top; 0; }

Answer 2

也许这个？

使用 || 如果没有可用的条目，则使用空间

 const arr = ['a', 'b', 'd', 'c', 'e']; const data = {a:'a', b:'b', c:'c', e:'e', f:'f'}; let newObj = {}; let newArr = []; arr.forEach(item => { newObj[item] = data[item] || " "; newArr.push( data[item] || " "); }) console.log(newObj); console.log(newArr);