Javascript复杂的一行if语句

Javascript complex One-liner if statements

本文关键字:一行 if 语句 复杂 Javascript      更新时间:2023-09-26

第一次看到这样的三元表达式:

var somevar = b1 ? b2 ? b3 : b4 : b5 ? b6 : b7 ? b8 : b9 ? b10 : b11

很难理解并将其转换为:

if (b1) {
} else if (bx) {
}

我到处找,似乎找不到答案。

只需添加括号即可。

var somevar = (b1 ? (b2 ? b3 : b4) : (b5 ? b6 : (b7 ? b8 : (b9 ? b10 : b11))))

if (b1) {
  if (b2) {
    b3
  } else {
    b4
  }
} else {
  if (b5) {
    b6
  } else {
    if (b7) {
      b8
    } else {
      if (b9) {
        b10
      } else {
        b11
      }
    }
  }
}

或者让它变短。

if (b1) {
  if (b2) {
    b3
  } else {
    b4
  }
} else if (b5) {
  b6
} else if (b7) {
  b8
} else if (b9) {
  b10
} else {
  b11
}

从最右边开始。只要你找到a ? b : c,就在它周围加括号。

例如:

 a ?  b ? c : d  : e
 a ? (b ? c : d) : e
(a ? (b ? c : d) : e)
Firstly convert it into parenthesis: 
(b1 ? 
     (b2 ? b3 :  b4 ) :   (b5 ? 
                               b6 : (b7 ? 
                                         b8 : (b9 ? b10 : b11) 
                                     )
                            )
  )

然后根据它使用以下代码:

  var somevars;
  if(b1)
  {
    if(b2) somevars=b3
    else somevars=b4
  }
  else 
  {
    if(b5) 
       somevars=b6
    else 
    {
      if(b7) 
      {
        somevars=b8
      }
      else  
      {
        if(b9) somevars=b10
        else somevars=b11
      }
    }
  }

很明显,我建议折磨写这种代码的人,但作为替代,你可以写这样的代码:

var somevar;
if (b1) {
    if (b2) {
        somevar = b3;
    } else {
        somevar = b4;
    }
} else {
    if (b5) {
        somevar = b6;
    } else {
        if (b7) {
            somevar = b8;
        } else {
            if (b9) {
                somevar = b10;
            } else {
                somevar = b11;
            }
        }
    }
}