JS: 运算符

简介: JS: 运算符

01 算术运算符

++

let num = 1
num++  // 该行代码效果类似等同于num += 1, ==> num = 2
num1 = num++  // 先进行赋值操作,在进行++操作, 所以num1 = 2, num = 3
num2 = ++num  // 先进行++操作, 再进行赋值操作, 所以num2 = 4, num = 4


-

类似效果,不再演示

+=

let num = 1
num += 1  // 该行代码等同于num = num + 1, 所以num = 2


-=

1. let num = 1
2. num -= 1  // 该行代码等同于 num = num - 1, 所以num = 0


+        ====> 加


-         ====> 减


*         ====> 乘以


/         ====> 除以


%       ====> 取余


**        ====> 次方

let num = 3
num_re = num ** 4  // 表示num的4次方, 所以num_re = 81


02 比较运算符

===

!==

我们常规意义上的等于、不等于,这里又叫做强等于。


==

!=

这是弱等于,对于比较正常的比较它和上面的强等于如出一辙,但是不同在于下方操作。

5 == '5'  // 按照往常的经验, 这一i应该是false,因为数据类型不一样.
// 但是输出为true, 这是JS内部会进行数据类型的转换.
// 如果你需要真正意义上的等于, 使用===
// 类似的真正意义上的不等于, 使用!==, 而不是!=
5 != '5'  // 输出为False


>=、<=、>、<

和一般理解上完全一致, 不做介绍

 

03 逻辑运算符

&& ====> 等同于and、交运算

||    ====> 等同于or、并运算

!     ====> 等同于not、非运算

let num = 2
let nm = []
num_and_nm = num && nm  // num为真, 继续运算nm, nm为假, 输出nm的值 ==> []
let num = 0
let nm = [1, 2, 3]
num_or_nm = num || nm  // num为假, 直接输出num值, 后续变量无需再判断 ==> 0
// 这里说明的就是不一定只会输出true或者false, 这取决于运算的变量值
let num = [1, 2, 3]
let nm = 666
result = !num and nm  // num为真, 加上!为假, 后续变量无需再判断, 直接输出false

<p></p>

目录
相关文章
|
4月前
|
JavaScript 前端开发 开发者
混淆赋值运算符(=)和相等比较运算符(==, ===)(js的问题)
混淆赋值运算符(=)和相等比较运算符(==, ===)(js的问题)
28 0
|
1天前
|
JavaScript 前端开发
JavaScript 运算符
JavaScript 运算符
11 3
|
13天前
|
JavaScript 前端开发
JavaScript 中的 typeof 运算符
【8月更文挑战第29天】
13 1
|
21天前
|
JavaScript 前端开发 安全
深入理解JavaScript中的比较运算符
深入理解JavaScript中的比较运算符
|
27天前
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
|
28天前
|
JavaScript 前端开发
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
这篇文章详细介绍了JavaScript中的强制类型转换、运算符(包括算术、逻辑、条件、赋值和关系运算符)的使用方法和优先级规则。
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
|
4月前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
36 0
|
2月前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
46 1
|
3月前
|
JavaScript 前端开发 开发者
JavaScript进阶-解构赋值与展开运算符
【6月更文挑战第19天】ES6的解构赋值与展开运算符增强了JS开发效率。解构允许直接从数组或对象提取值,简化数据提取,而展开运算符则用于合并数组和对象或作为函数参数。解构时注意设置默认值以处理不存在的属性,避免过度嵌套。展开运算符需区分数组与对象使用,勿混淆于剩余参数。通过示例展示了这两种操作在数组和对象中的应用,提升代码可读性与简洁度。
127 5
|
3月前
|
JavaScript 前端开发
JavaScript基础-运算符与条件语句
【6月更文挑战第11天】本文探讨了JavaScript中的运算符和条件语句,包括算术、比较、逻辑、赋值及三元运算符。强调了使用严格等于`===`避免类型转换错误,理解逻辑运算符短路特性和优化条件结构以提高代码可读性。通过示例展示了正确使用这些概念,以提升代码质量和维护性。
30 2