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

发布时间:2024年01月16日

条件运算符 ‘?’
含义:这个运算符通过问号 ? 表示。有时它被称为三元运算符,被称为“三元”是因为该运算符中有三个操作数。实际上它是 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')
    }
文章来源:https://blog.csdn.net/tangxiaobao2016/article/details/135629396
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。