浙江建设工程合同备案网站,新手做网站教程,app网站开发费用,自定义短网址文章目录 算术运算符#xff08;Arithmetic Operators#xff09;注意事项#xff1a; 比较运算符#xff08;Comparison Operators#xff09;注意事项#xff1a; 逻辑运算符#xff08;Logical Operators#xff09;短路运算#xff1a;逻辑运算符的返回值#xf… 文章目录 算术运算符Arithmetic Operators注意事项 比较运算符Comparison Operators注意事项 逻辑运算符Logical Operators短路运算逻辑运算符的返回值 赋值运算符Assignment Operators三元运算符Ternary Operator位运算符Bitwise Operators运算符优先级小练习 算术运算符Arithmetic Operators
算术运算符用于完成基本的数学计算。
运算符描述示例结果加法5 27-减法5 - 23*乘法5 * 210/除法5 / 22.5%取余模运算5 % 21**指数幂运算2 ** 38自增每次加1let x 5; x5然后变为6--自减每次减1let x 5; x--5然后变为4
注意事项
整数除法JavaScript中没有整数除法5 / 2 会得到浮点结果2.5。自增/自减运算符可以分为前置和后置 前置x先加1后返回结果。后置x先返回结果后加1。
let a 10;
console.log(a); // 输出 10先返回后加1
console.log(a); // 输出 11
console.log(a); // 输出 12先加1后返回比较运算符Comparison Operators
比较运算符返回布尔值true 或 false。
运算符描述示例结果相等值相等5 5true全等值和类型都相等5 5false!不相等值不相等5 ! 5false!不全等值或类型不相等5 ! 5true大于5 3true小于5 3false大于等于5 5true小于等于3 5true
注意事项
** 与 的区别** 会进行类型转换只比较值是否相等。 不会进行类型转换要求值和类型都相等。
console.log(5 5); // true因为字符串5被转换成数字5
console.log(5 5); // false因为类型不同逻辑运算符Logical Operators
逻辑运算符用于布尔值运算主要包括与、或、非。
运算符描述示例结果逻辑与ANDtrue falsefalse逻辑或OR!逻辑非NOT!truefalse
短路运算
遇到false会短路直接返回false的值。||遇到true会短路直接返回true的值。
let x 5;
console.log(x 0 x 10); // truex大于0并且小于10
console.log(x 0 || x 3); // truex大于0或小于3
console.log(!(x 0)); // falsex大于0的反向逻辑运算符的返回值 和 || 不总是返回布尔值它们会返回短路时的具体值。
console.log(a b); // b因为a为真继续返回后一个值
console.log(null || hello); // hello因为null为假返回hello赋值运算符Assignment Operators
赋值运算符用来给变量赋值。
运算符描述示例等价于赋值x 5加后赋值x 3x x 3-减后赋值x - 3x x - 3*乘后赋值x * 3x x * 3/除后赋值x / 3x x / 3%取余后赋值x % 3x x % 3**幂后赋值x ** 2x x ** 2 三元运算符Ternary Operator
三元运算符是一个简单的条件运算符语法为条件 ? 表达式1 : 表达式2。
let age 20;
let isAdult age 18 ? 成年人 : 未成年人;
console.log(isAdult); // 输出成年人位运算符Bitwise Operators
位运算符操作二进制位用得较少但在某些性能优化或算法中很重要。
运算符描述示例按位与5 3结果1按位或^按位异或5 ^ 3结果6~按位取反~5结果-6左移5 1结果10右移5 1结果2 运算符优先级
JavaScript中的运算符是有优先级的高优先级的运算符会优先计算。
优先级运算符说明1()括号2 --自增、自减3**幂运算4* / %乘、除、取余5 -加、减6 比较7 ! !相等、全等等8逻辑与910赋值 小练习
可以尝试完成以下练习题
使用三元运算符根据一个数字是否大于0来输出“正数”或“非正数”。判断一个字符串是否为空长度为0使用||输出默认值。
