javascript三元运算符，重点还是注意判断的条件

最新推荐文章于 2025-06-05 21:40:57 发布

糖小宝2016

最新推荐文章于 2025-06-05 21:40:57 发布

阅读量453

点赞数 8

分类专栏：学习总结文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/tangxiaobao2016/article/details/135629396

版权

学习总结专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了JavaScript中的条件运算符（三元运算符），包括其基本语法、与if…else语句的替换、多层嵌套的使用以及特殊值比较。重点讲解了如何使用三元运算符简化代码并避免常见错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

条件运算符 ‘?’
含义：这个运算符通过问号 ? 表示。有时它被称为三元运算符，被称为“三元”是因为该运算符中有三个操作数。实际上它是 JavaScript 中唯一一个有这么多操作数的运算符。
es6中，变量前面加2个！！，就是等于加了 Boolean(变量)

 const result = Boolean(0)
    
    if(result) {
      console.log('显示0')
    }else {
      console.log('显示1')
    }

    if(!!0) {
      console.log('显示_0')
    }else {
      console.log('显示_1')
    }

千万注意这里，容易出错的地方

 const result = new Boolean(0)
    
    if(result) {
      console.log('显示0')
    }else {
      console.log('显示1')
    }
// 得到的是 显示1， 因为这个时候result得到的是一个实例，肯定是true

let result = 条件 ? 'value1' : 'value2';
// 例子 大于18岁就是成人，否则即使儿童
const renderData = (age: number) => age > 18 ? '成人' : '儿童'

使用 ‘?’ 重写 ‘if’ 语句

let x;  //  let 声明的变量可以重新赋值
const time = 10;
if (time<20){
    x="Good day";
}

使用 ‘?’ 重写 ‘if…else’ 语句

let x = time<20 ? 'Good day' : null

使用判断 ? 运算符多层嵌套的时候，最好使用（）,这个便于阅读，后续在看代码便利理解。
使用运算就主要看 “条件”返回的true/false;
相等操作符:

 null == undefined // true
 "NaN" == NaN // false
   NaN == NaN // false
   NaN !== NaN // true
   false == 0 //true
   undefined == 0 //fakse
   null == 0 // false
   '5' == 5 // true

false == 0 返回的结果是true,因为 0 返回的就是false

    if(0) {
      console.log('显示0')
    }else {
      console.log('显示1')
    }