Question

如果有人可以向我解释，我会遗漏一些东西。我正在尝试将现有代码重写为三元运算符方式。我收到以下控制台错误：

Uncaught SyntaxError: Unexpected token }

我知道有一个条件没有正确格式化，我似乎无法找到。所以我不确定我错过了什么，或者我是否误解了过滤器功能中的某些内容？不是吗？ item.verified === true不假设自动返回真实的对象吗？

var engagement = "social";
var audience = [{ 'verified': true, 'name': 'Steve'},
                { 'verified': false, 'name': 'Phil'},
                { 'verified': true, 'name': 'Jason'}];
let data = [];

data = audience.filter((item) => {
    (engagement === "social") 
    ? item.verified === true
    : (engagement === 'social-crm') 
    ? item.verified === false 
    : (engagement === 'all')
    ? item
})

我理解的语法：

data = audience.filter((item) => {
              if (this.engagement === 'social-crm') {
                return item.verified === true;
              } else if (this.engagement === 'social') {
                return item.verified === false;
              } else if (this.engagement === 'all') {
                return item;
              }
});

这是我一直试图玩的小提琴： https://jsfiddle.net/phfilly/ya73e325/7/

Answer 1

三元运算符如下所示：

something = (condition) ? a_value : a_different_value;

您在最后一个案例中忘了: a_different_value。

Answer 2

烨。你的语法不对。要理解为什么你的代码不起作用，如果你重新编写if-else语句会有所帮助。

if (this.engagement === 'social-crm') {
    return item.verified === true;
} else if (this.engagement === 'social') {
    return item.verified === false;
} else if (this.engagement === 'all') {
    return item;
}

对此：

if(this.engagement === 'social-crm') { return item.verified === true; }
else {
   if(this.engagement === 'social') {item.verified === false; }
   else {
       if(this.engagement === 'all') {return item;} 
   }
}

现在，三元运算符遵循类似的嵌套方式。

cond1 ? val1 : ( val2 )

val2 => cond2 ? val3 : (val4)

val4 => cond3 ? val5 : val6

所以，现在你可以像这样重写你的表达式：

this.engagement === 'social-crm' ? item.verified === true : 
                             ( this.engagement === 'social' ? item.verified === false : 
                                                             (this.engagement === 'all' ?  item : null))

括号在这里很重要，因为它与上面的嵌套if-elses非常相似。

另请注意，对于最内层表达式，必须指定else 中的返回值。我已将其设置为null但您可以返回所需内容。请注意，这是您的代码失败的实际原因。抱歉，如果答案很长，但我想帮助您了解嵌套的三元运算符。

Answer 3

试试这个

你必须为@Quentin

指出三元运算符的条件

data = audience.filter((item) => { (engagement === "social") ? 
item.verified === true : (engagement === 'social-crm') ? 
item.verified === false : (engagement === 'all')? 
item : null})

不了解嵌套的三元运算符

3 个答案: