js的比较运算符

简介: js的比较运算符

?? 是根据 null 和 undefined 判断的,

|| 是根据 布尔值 false 判断的,  左侧为true 不看右侧

&& 左侧为false 不看右侧

?. ”可选链操作符“,允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。在引用 null  或者 undefined  的情况下不会引起错误(主要是用于防止报错!)

一、&& 是与运算,左侧true返回右侧,左侧false直接返回左侧

let aa = true && false    // aa是 false

let aa = false &&  true  // aa是false

二、|| 是或运算,左侧true返回左侧,左侧false直接返回右侧

let aa = true || false   // aa是true

let aa = false || true  // aa是true

三、??空值合并操作符,只有当左侧是null和undefind,才会返回右侧,其余情况返回左侧,和 || 运算符类似,又有不同 || 运算符当左侧是假值的情况就会返回右侧,如 0 或者 ""

let aa = null ?? 1  // aa是1

let aa = null || 1  // aa是1

let aa = undefind ?? 1  // aa是1

let aa = undefind || 1  // aa是1

let aa = 0 ?? 1  // aa是0

let aa = 0 || 1  // aa是1

let aa = "" ?? 1  // aa是""

let aa = "" || 1  // aa是1

四、?.可选链操作符  a?.b 当a存在是返回a.b

let a = {}

let aa = a?.b // aa是undefind

let aa = a?.b ?? 123 // aa是123

let a = {b:1}

let aa = a?.b // aa是1

目录
相关文章
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
103 0
|
11月前
|
JavaScript
js运算符
js运算符
89 5
|
JavaScript 前端开发
JavaScript 运算符
JavaScript 运算符
46 3
|
11月前
|
JavaScript 前端开发
JavaScript 运算符全知道
JavaScript 运算符全知道
135 0
|
JavaScript 前端开发
JavaScript 中的 typeof 运算符
【8月更文挑战第29天】
107 1
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
140 4
|
JavaScript 前端开发 安全
深入理解JavaScript中的比较运算符
深入理解JavaScript中的比较运算符
|
JavaScript 前端开发
JS常见的运算符有哪些?
JS常见的运算符有哪些?
|
JavaScript 前端开发
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
这篇文章详细介绍了JavaScript中的强制类型转换、运算符(包括算术、逻辑、条件、赋值和关系运算符)的使用方法和优先级规则。
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
123 1