具有逻辑运算符的三元运算符

时间:2019-12-22 13:58:15

标签: javascript jsx logical-operators conditional-operator

我正在尝试在链接时在三元运算符中使用逻辑运算符&&,但它不起作用...例如:

(x === 5 && y === 5) ? (do something) 
: (x === 5 && y === 4) ? (do something else) 
: (x === 5 && y === 3) ? (do a third thing) 
: null

这可能吗?还有另一种方法吗?

3 个答案:

答案 0 :(得分:3)

x === 5 ? 
  y === 5 ? console.log('x=5, y=5') :
  y === 4 ? console.log('x=5, y=4') :
  y === 3 ? console.log('x=5, y=3') : null
: null

证明:

const resp = (x,y) => x === 5 ? 
                        y === 5 ? 'x==5, y==5' :
                        y === 4 ? 'x==5, y==4' :
                        y === 3 ? 'x==5, y==3' : 'x==5, y==?'
                      : 'x==?, y==?'

console.log ( '1 ,2 ', resp(1,2) )  // 1 ,2  x==?, y==?
console.log ( '5 ,2 ', resp(5,2) )  // 5 ,2  x==5, y==? 
console.log ( '5 ,4 ', resp(5,4) )  // 5 ,4  x==5, y==4

答案 1 :(得分:1)

是的,您可以按照自己的方式进行:

const Question = (x,y) => (x === 5 && y === 5) ?  'x==5, y==5' 
                        : (x === 5 && y === 4) ?  'x==5, y==4' 
                        : (x === 5 && y === 3) ?  'x==5, y==3' 
                        : 'x==?, y==?' 

console.log ( '1 ,2 ', Question(1,2) )  // 1 ,2  x==?, y==?
console.log ( '5 ,2 ', Question(5,2) )  // 5 ,2  x==?, y==? 
console.log ( '5 ,4 ', Question(5,4) )  // 5 ,4  x==5, y==4

答案 2 :(得分:0)

使用括号指定成功和失败的嵌套条件。

    (x === 5 && y === 5) ? (do something) : ((x === 5 && y === 4) ? (do something
      else) : ((x === 5 && y === 3) ? (do a third thing) : null));

证明:

const test = (x,y) => (x === 5 && y === 5) 
                      ? 'x==5, y==5' 
                      : ( (x === 5 && y === 4) 
                          ? 'x==5, y==4' 
                          : ( (x === 5 && y === 3) 
                              ? 'x==5, y==5'
                              : 'x==?, y==?'
                        )   );

console.log ( '1 ,2 ', test(1,2) )  // 1 ,2  x==?, y==?
console.log ( '5 ,2 ', test(5,2) )  // 5 ,2  x==?, y==? 
console.log ( '5 ,4 ', test(5,4) )  // 5 ,4  x==5, y==4