判断符号??,?. ,! ,!! ,|| ,&&,?: 意思以及举例

  1. ??(逻辑空合并运算符)

    • 含义 :如果左边的值是 nullundefined,则返回右边的值,否则返回左边的值。

    • 示例

      复制代码
      let a = null;
      console.log(a ?? 10);  // 输出:10
      let b = 5;
      console.log(b ?? 10);  // 输出:5
  2. ?.(可选链运算符)

    • 含义 :用于安全地访问对象深层次的属性,避免出现 Cannot read property 'xxx' of undefined 的错误。

    • 示例

      复制代码
      const obj = { a: { b: 1 } };
      console.log(obj?.a?.b);  // 输出:1
      console.log(obj?.c?.d);   // 输出:undefined
  3. !(逻辑非)

    • 含义:将值转换为布尔值的反面。非布尔值会被强制转换为布尔值。

    • 示例

      复制代码
      console.log(!true);     // 输出:false
      console.log(!"hello");  // 输出:false
      console.log(!0);        // 输出:true
  4. !!(双重非)

    • 含义:将任意类型的值强制转换为布尔值。

    • 示例

      复制代码
      console.log(!!"");       // 输出:false
      console.log(!!"hello"); // 输出:true
      console.log(!!0);       // 输出:false
      console.log(!!1);       // 输出:true
  5. ||(逻辑或)

    • 含义:如果左边的值是真值,则返回左边的值;否则返回右边的值。

    • 示例

      复制代码
      console.log(true || false);  // 输出:true
      console.log(false || 10);   // 输出:10
      console.log("" || "hello");// 输出:"hello"
  6. &&(逻辑与)

    • 含义:如果左边的值是真值,则返回右边的值;否则返回左边的值。

    • 示例

      复制代码
      console.log(true && false); // 输出:false
      console.log(true && 10);   // 输出:10
      console.log("" && "hello"); // 输出:""
  7. ?:(三元条件运算符)

    • 含义 :根据条件判断返回不同的值,属于一种简洁的 if-else 表达方式。

    • 示例

      复制代码
      const num = 5;
      const isEven = num % 2 === 0 ? "偶数" : "奇数";
      console.log(isEven);       // 输出:"奇数"

这些运算符在前端开发中非常常用,能够让代码更加简洁和高效。

相关推荐
啊阿狸不会拉杆5 分钟前
《Java 程序设计》第 7 章 - 继承与多态
java·开发语言·jvm·算法·intellij-idea
JosieBook8 分钟前
【web应用】基于Vue3和Spring Boot的课程管理前后端数据交互过程
前端·spring boot·交互
刘大猫.15 分钟前
npm ERR! cb() never called!
前端·npm·node.js·npm install·npmm err·never called
咔咔一顿操作19 分钟前
常见问题三
前端·javascript·vue.js·前端框架
前端程序媛Ying20 分钟前
点击按钮滚动到底功能vue的v-on:scroll运用
javascript
上单带刀不带妹20 分钟前
Web Worker:解锁浏览器多线程,提升前端性能与体验
前端·js·web worke
daixin884827 分钟前
SpringMVC的请求执行流程是什么样的?
java·开发语言·spring
电商API大数据接口开发Cris36 分钟前
Node.js + TypeScript 开发健壮的淘宝商品 API SDK
前端·数据挖掘·api
还要啥名字39 分钟前
基于elpis下 DSL有感
前端
一只毛驴44 分钟前
谈谈浏览器的DOM事件-从0级到2级
前端·面试