如何从这个三元操作中删除嵌套？

Question

Object.values(filter).filter(item =>
 Array.isArray(item)
 ? item.length > 0
 : typeof item === "boolean"
 ? item === true 
 : item !== null
).length ? filterIcon : unFilledIcon"

这里我想去掉这个三元运算符的嵌套。 我也想随之降低我的认知复杂性。

Answer 1

最简单的解决方案是使用常规if使逻辑更具可读性：

const isFilter = Object.values(filter).some(item => {
  if (Array.isArray(item))
    return item.length > 0;

  if (typeof item === "boolean")
    return item === true;

  return item !== null;
});

if (isFilter)
  return filterIcon;

return unFilledIcon;

.filter().length也替换为.some()因为您只想查找是否有任何匹配项，而不是这些匹配项是什么。

Answer 2

您可以使用提前退出：

Object.values(filter).filter(item => {
  if (Array.isArray(item)) return !!item.length;
  if (typeof item === 'boolean') return item;
  return item !== null;
}).length ? filterIcon : unFilledIcon"

并将item === true和item !== null与!!item结合起来：

Object.values(filter).filter(item => {
  if (Array.isArray(item)) return !!item.length;
  return !!item;
}).length ? filterIcon : unFilledIcon"

在第二个代码中结果是不同的，例如，如果涉及未定义或空字符串。