Javascript 如何将if-else语句作为三元运算符编写

这是一个初学者的问题，但如何将JavaScript语句作为三元运算符编写？ 或者，写这篇文章的最干净/最佳方式是什么

if ($("#firstName,#lastName, #email, #message").filter(function() { return $(this).val(); }).length > 0) {
   $("label").css(labelAnimation[0]);
 } else {
   $("label").css(labelAnimation[1]);
 }

---

为了保持可读性，首先将布尔结果放入变量中。然后将条件放在索引查找括号内：

const anyInputsFilled = $("#firstName,#lastName,#email,#message")
    .filter(function () { return $(this).val(); })
    .length > 0;
$("label").css(labelAnimation[anyInputsFilled ? 0 : 1]);

我建议首先从

labelAnimation

中提取值，例如：

const [anyFilledCSS, noneFilledCSS] = labelAnimation;
// ...
const anyInputsFilled = $("#firstName,#lastName,#email,#message")
    .filter(function () { return $(this).val(); })
    .length > 0;
$("label").css(anyInputsFilled ? anyFilledCSS : noneFilledCSS]);

---

为了保持可读性，首先将布尔结果放入变量中。然后将条件放在索引查找括号内：

const anyInputsFilled = $("#firstName,#lastName,#email,#message")
    .filter(function () { return $(this).val(); })
    .length > 0;
$("label").css(labelAnimation[anyInputsFilled ? 0 : 1]);

我建议首先从

labelAnimation

中提取值，例如：

const [anyFilledCSS, noneFilledCSS] = labelAnimation;
// ...
const anyInputsFilled = $("#firstName,#lastName,#email,#message")
    .filter(function () { return $(this).val(); })
    .length > 0;
$("label").css(anyInputsFilled ? anyFilledCSS : noneFilledCSS]);

---

你可以这样做

$(
  "#firstName,#lastName,#email,#message").filter(
    function() { 
      return $(this).val(); 
    }
  ).length > 0
)
? $("label").css(labelAnimation[0]) : $("label").css(labelAnimation[1])

或者在一行中：

$("#firstName,#lastName,#email,#message").filter(function() {return $(this).val();}).length > 0) ? $("label").css(labelAnimation[0]) : $("label").css(labelAnimation[1])

---

你可以这样做

$(
  "#firstName,#lastName,#email,#message").filter(
    function() { 
      return $(this).val(); 
    }
  ).length > 0
)
? $("label").css(labelAnimation[0]) : $("label").css(labelAnimation[1])

或者在一行中：

$("#firstName,#lastName,#email,#message").filter(function() {return $(this).val();}).length > 0) ? $("label").css(labelAnimation[0]) : $("label").css(labelAnimation[1])

你可以写

$（“标签”）.css（labelAnimation[
$（“#firstName，#lastName，#email，#message”）.filter（（）=>$（this.val（））
.长度>0
1.
: 0
])

您可以编写

$（“标签”）.css（labelAnimation[
$（“#firstName，#lastName，#email，#message”）.filter（（）=>$（this.val（））
.长度>0
1.
: 0
])

有点密集。。。那代码应该做什么？它有点密集。。。那个代码应该做什么？