javascript - 使用默认值和三元运算符查找的可选链接方法

Question

我正在尝试在array.find 中实现可选链接。请参阅下面的代码片段我有以下三种情况

如果数组为空，我需要设置为 true//默认为 true

如果数组没有找到对象，它也应该为真//空为真值

如果数组有对象，它应该取键属性值//true 或 false

但是根据第 3 种情况，如果键值为 false，则取 2

let array = [{
  id: 1,
  key: false
}, {
  id: 2,
  key: true
}]
let key =
  array && array.length ?
  array.find(
    (item) => item.id === 1
  )?.key || "empty as true value" :
  "by default true";
  
 console.log(key)

Answer 1

您不能使用 ||当左边的值可能是假的。在访问 .key 之前，您需要在对象上使用它(这是真实的)。

const key = (array?.find(item =>
  item.id === 1
) || {key: "empty as true value"}).key;

或更好地使用 nullish coalescing operator :

const key = array?.find(item =>
  item.id === 1
)?.key ?? "empty as true value";