javascript - JS解构。如何处理 null 或 undefined 值

Question

如何在 es6 中实现 Nullable 特性？我需要支持我以前同事的源代码，他使用了太多 es6 的解构特性.像这样的东西，到处都是:

dispatch(
    loadImports(response.items.map(({ importRecord: { ['import']: importId } }) => importId))
)

在此示例中，我可能会遇到 TypeError: Cannot read property 'import' of null 错误。

我不想将整个解构重写为常规条件。或者，如果没有，如何在不重写的情况下处理它们？

更新:

同事的预期版本: https://jsbin.com/fesewiy/edit?js,console

当前版本:https://jsbin.com/qirixil/edit?js,console

Answer 1

因为您正在使用 map ，所以您需要为每个项目获取一些结果。更改最少的最佳解决方案是仅使用一个级别的解构，然后过滤数组以保留非假值数组。

dispatch(
    loadImports(response.items
        .map(({ importRecord }) => importRecord && importRecord.import)
        .filter(v => v)
))