JavaScript Day23 - 条件(三元)运算子

条件(三元)运算子

• 三元运算子：有时在网路找资料会看到会带有 ? 的程序码，类似在做条件判断，不确定是什麽意思，後来总算找到是属於条件运算子，又因为有 3 个运算元，才又称为三元运算子
• 语法：condition 为条件，如果条件为 true，运算子回传值 1(exprIfTrue)，否则回传值 2(exprIfFalse)
• 其实就是 if else 的判断，就像 else 可以再接 if 一样，在第 2 组值 (false) 可以再追加判断式

条件 ? 值1 : 值2
condition ? exprIfTrue : exprIfFalse

function fn(a, b) { 
  return a > b ? "a" : "b"; 
}

function fn(a, b) { 
  if(a > b) { 
    return "a"; 
  } 
  else { 
    return "b"; 
  } 
}

再追加判断

function fn(a, b) { 
  return (a === b) ? "a = b" : (a > b) ? "a" : "b"; 
}

function fn(a, b) { 
  if(a === b) { 
    return "a and b"; 
  } 
  else if(a > b) { 
    return "a"; 
  } 
  else { 
    return "b"; 
  } 
}

运算元与运算子

• 运算元：运算元是运算式中做为运算的资料，运算元可以是常数、变数、函数等
• 运算子：运算子是运算式中用来运算的符号，最简单就是 + - * /
• 一元运算子：1 个运算元和 1 个运算子(前後)组合，如：- 1、typeof "str"
• 二元运算子：2 个运算元和 1 个运算子(中间)组合，如：2 == 2、false && true

参考资料

MDN 条件运算子
MDN 运算式与运算子
MDN 运算式与运算子
[Js] 三元运算符 / 三元运算值
JavaScript 利用表达式优化你的程序码
运算子

次回

想内容又要搞懂好困难