JS（如​​果存在键），包括到数组

Question

我被困在将对象映射到数组。 我使用map，但是它在数组中添加了每个对象字段，所以我有很多未定义的地方。

  const mapKey: { [key: string]: number } = { 'hello': 3, }; preferences = { hello: true, ..... ..... } const array = Object.entries(preferences).map(([key, value]) => { return mapKey[key] && { index: mapKey[key], visible: true }; }); 

结果是：

 [undefined, undefined....{ index: mapKey[key], visible: true }] but i need just [{ index: mapKey[key], visible: true }] 

Answer 1

Array#map方法根据返回值生成一个数组，它不适合要求，因此请使用Array#reduce方法。

const array = Object.entries(preferences).reduce((arr, [key, value]) => {
   // push into the array only if defined
   columnIndexMap[key] && arr.push({ index: mapKey[key], visible: true });
   // return the array reference for next iteration
   return arr;
   // set initial value as empty array for the result
}, []);

一线解决方案：

const array = Object.entries(preferences).reduce((arr, [key, value]) => (columnIndexMap[key] && arr.push({ index: mapKey[key], visible: true }), arr), []);

Answer 2

reduce课程的答案当然有效。 您还可以使用filter() + map 。 这具有两次查看值的缺点，但是具有可读性的优点。 当然，哪个更重要取决于您的用例。 除非有太多数据使其他工作引人注目，否则我将倾向于以下情况：

 const mapKey = { 'hello': 3, 'test':4, 'test2': 5}; let preferences = { hello: true, test:false, test2:true} let filtered = Object.entries(preferences) .filter(([k, visible]) => visible) .map(([k, visible]) => ({ index: mapKey[k], visible })) console.log(filtered)