JavaScript 仅在满足特定条件时才为变量赋值（不重复）

Question

假设我正在定义一个这样的 JavaScript 变量：

var sheetsToWorkWith =
    (
        allSheets.length > 0 ?
        allSheets
        .filter(x =>
            x.cssRules && [].slice.call(x.cssRules).filter(y =>
                Object.keys(data).includes(y.selectorText)
            ).length > 0
        ) :
        []
    ) ||
    (() => {
        var style = head.appendChild(document.createElement("style"));
        style.type = "text/css";
        return style.sheet;
    })(),

这个变量赋值 (did/) 所做的基本上是检查现有样式表是否存在，如果不存在，则将其分配给新样式表。我现在想要它做的是将它设置为样式表列表，其中任何一个都包含一个与预定义数组中的元素匹配的 selectorText，但是似乎这样做我需要两个变量：我想设置仅当结果的长度大于 0 时，它才等于第一个值（|| 运算符的右侧/顶部）。

Answer 1

如果您仅在 allSheets.length > 0 为真时才需要数组中的第一个值，则只需通过索引 [0] 引用第一个元素。

var sheetsToWorkWith = (
  allSheets.length > 0 ?
    allSheets.filter(x => 
      x.cssRules && [].slice.call(x.cssRules).filter(y => 
        Object.keys(data).includes(y.selectorText)))[0] // index the first element
  :
    []
  )
||
...

请注意，Array.prototype.filter 始终返回一个数组，按索引访问空数组会导致 undefined 确保您的第一个表达式返回三元组 ([]) 的 else 部分。

编辑

OP 希望评估三元组的 else 部分，因此，可以做的是：

var sheetsToWorkWith = (
  allSheets.length > 0 ?
    allSheets.filter(x => 
      x.cssRules && [].slice.call(x.cssRules).filter(y => 
        Object.keys(data).includes(y.selectorText)))[0] // index the first element
  :
    (() => {
        var style = head.appendChild(document.createElement("style"));
        style.type = "text/css";
        return style.sheet;
    })()
  )