是否可以在 Javascript 的 function 中只破坏一次大型 object？

Question

我正在使用一个function来破坏一组数据，那么这个数据基本上是在返回之前处理的。

这是一个 POC/示例来说明它：

function getDocsData(startWeek) {
    // first time to destruct the data
    let {
        mon,
        tue,
        wed,
    } = startWeek;

    mon = mon ? mon.total : 0;
    tue = tue ? tue.total : 0;
    wed = wed ? wed.total : 0;

    // second time repeats the data so that I can have my treated data returned
    return {
       mon,
       tue,
       wed,
   }
}

如果您要处理一些变量，这很好，但在我的情况下，我必须处理 30 多个对象。

注意：我知道我可以使用它来代替：

return {
    mon: startWeek.mon ? startWeek.mon.total : 0;
    ...
}

这些解决方案是最好的，或者有更好的方法来避免重复 object { mon, tue, wed }或写startWeek. 到处？

Answer 1

我将 map 一个 object 属性的数组添加到一个新的 object 与Object.fromEntries不需要列表的第 3 天。

const getDocsData = startWeek => Object.fromEntries(
  Object.entries(startWeek)
    .map(([key, val]) => [key, value ? value.total : 0])
);

如果startWeek可能有其他不需要的属性，请遍历一组需要的属性：

const props = ['mon', 'tue', 'wed'];
const getDocsData = startWeek => Object.fromEntries(
  props.map(key =>
    [startWeek[key] ? startWeek[key].total : 0]
  )
);

一个不太剧烈的调整（可能是对原始代码的轻微改进）是在返回的 object 中内联返回新值，无需重新分配：

function getDocsData(startWeek) {
    const {
        mon,
        tue,
        wed,
    } = startWeek;
    return {
       mon: mon ? mon.total : 0,
       tue: tue ? tue.total : 0,
       wed: tue ? wed.total : 0,
   }
}

如果值（如果为假）将为 null 或未定义，您还可以使用可选链接而不是条件运算符：

return {
   mon: mon?.total ?? 0,
   tue: tue?.total ?? 0,
   wed: wed?.total ?? 0,
}