上海网站建设明细表,易商官方网站,网站开发用c语言吗,cdn wordpress 升级#x1f4c3;个人主页#xff1a;「小杨」的csdn博客 #x1f525;系列专栏#xff1a;【JavaScript速成之路】 #x1f433;希望大家多多支持#x1f970;一起进步呀#xff01; 文章目录前言运算符1#xff0c;算术运算符2#xff0c;递增递减运算符3#xff0c;比… 个人主页「小杨」的csdn博客 系列专栏【JavaScript速成之路】 希望大家多多支持一起进步呀 文章目录前言运算符1算术运算符2递增递减运算符3比较运算符4逻辑运算符5位运算符6赋值运算符7三元运算符8运算符优先级结语前言 前言小杨在上一篇带着大家一起学习了JavaScript中的数据类型转换想必大家对JavaScript数据类型转换已经有所了解了那么今天我们将继续带着大家学习一下JavaScript中的运算符的相关知识希望大家收获多多 运算符
1算术运算符
运算符运算示例结果加729-减7-25*乘7*214/除7/23%取模7%21
知识点:
使用“”和“-”可以表示正数和负数。进行四则混合运算时运算顺序遵循“先乘除后加减”的原则。在进行取模运算时运算结果的正负取决于被模数%左边的数的符号与模数%右边的数的符号无关。在开发时尽量避免利用浮点数进行运算因为有可能会因JavaScript的精度问题导致结果的偏差。因此为避免上述问题我们可以将参与运算的小数转换成整数计算后再将数转换为小数即可。 2递增递减运算符
运算符运算运算符运算num后置num前置num–后置––num前置–
知识点1前置和后置的区别前置返回的是计算后的结果后置返回的则是计算前的结果。
为了更好地理解上述知识点示例如下
scriptvar a 1;var b 1;//前置递增用法console.log(a); console.log(a);//后置递增用法console.log(b); console.log(b);
/script示例结果 知识点2递增和递减运算符的优先级高于“”“-”等运算符在表达式进行计算时应注意运算顺序。
为了更好地理解上述知识点示例如下
scriptvar a 12;var b a 2; //a 13 , b 15console.log(b);var c b 2; //c 17 , b 16console.log(c);var d c a; //a 14 , d 31 , c 18console.log(d);
/script示例结果 3比较运算符
运算符运算示例结果大于11false小于11false大于或等于11true小于或等于11true等于11true!不等于1!1false全等1‘1’false!不全等1!‘1’true
知识点
和 ! 运算符在进行比较时如果比较的两个数据的类型不同系统会自动将其转换成相同的类型再进行比较。和!运算符在进行比较时不仅仅要比较的值是否相同还需要比较数据的类型是否相同。
为了更好地理解上述语法示例如下
scriptconsole.log(13 13);console.log(13 ! 13);console.log(13 13);console.log(13 ! 13);console.log(13 13);
/script示例结果 4逻辑运算符
运算符运算示例结果与a ba与b都为true结果为true否则为false||或a || ba与b中至少有一个为true结果为true否则为false!非! a如果a为true结果为false否则相反
知识点
使用逻辑运算符运算时是按照从左到右的顺序进行求值的需特别注意是否出现“短路”的情况。 使用连接两个表达式语法为表达式1表达式2。如果表达式1为true则返回表达式2的值如果表达式1为false则返回false。使用 || 连接两个表达式语法为表达式1||表达式2。如果表达式1为true则返回true如果表达式1为false则返回表达式2的值。
为了更好地理解上述语法示例如下
script// 短路情况演示console.log(123 456);console.log(0 456);//|| 短路情况演示console.log(123 || 456);console.log(0 || 456);
/script示例结果 5位运算符
位运算符用来对数据进行二进制运算将参与运算的操作数视为由二进制0和1组成的的32位的串运算时会将二进制数的每一位进行运算。
运算符名称示例运算方式按位与a b只要对应二进制位都为1运算结果为1否则为0|按位或a | b只要对应二进制位中有1运算结果为1否则为0~按位非a ~ b0的取反值为11的取反值为0^按位异或a ^ b如果对应二进制位相同运算结果为0否则为1左移a b将a左移b位二进制位右边空位补0左边被移出位舍去右移a b将a右移b位二进制位左边空位根据原数的符号位补0或1正数补0负数补1无符号右移a b将a右移b位二进制位左边最高位补0右边被移出位舍去不考虑正负数
为了更好地理解上述位运算符的使用示例如下
scriptconsole.log(15 8); // 0000000000000000000000000001111 // 0000000000000000000000000001000// 0000000000000000000000000001000console.log(15 | 8);// 0000000000000000000000000001111 //| 0000000000000000000000000001000// 0000000000000000000000000001111console.log(~ 15); //~ 0000000000000000000000000001111 // 1111111111111111111111111110000 补码// 1111111111111111111111111101111 反码// 1000000000000000000000000010000 原码console.log(15 ^ 8); // 0000000000000000000000000001111 //^ 0000000000000000000000000001000// 0000000000000000000000000000111console.log(7 2);// 0000000000000000000000000000111 // 0000000000000000000000000011100console.log(7 2);// 0000000000000000000000000000111 // 0000000000000000000000000000001console.log(7 2); // 0000000000000000000000000000111 // 0000000000000000000000000000001
/script示例结果 6赋值运算符
运算符运算示例结果赋值a 3a3加并赋值a 3a a 3-减并赋值a - 3a a - 3*乘并赋值a * 3a a * 3/除并赋值a / 3a a / 3%求模并赋值a % 3a a % 3连接并赋值a ‘abc’a a ‘abc’左移并赋值a 3a a 3右移并赋值a 3a a 3无符号右移并赋值a 3a a 3按位与并赋值a 3a a 3^按位异或并赋值a ^ 3a a ^ 3|按位或并赋值a | 3a a | 37三元运算符
三元运算符是一种需要3个操作数的运算符运算的结果根据给定条件决定。
语法条件表达式 表达式1表达式2
规则先求条件表达式的值若结果为true则返回表达式1的执行结果否则返回表达式2的执行结果。
为了更好地理解上述语法示例如下
scriptvar age 19;var ret age 18 ? 成年 : 未成年;console.log(ret);
/script示例结果 8运算符优先级
优先级运算符顺序1小括号( )2一元运算符 – !3算数运算符先* / % 后 -4关系运算符 5相等运算符 ! !6逻辑运算符先 后 ||7赋值运算符8逗号运算符
为了更好地理解上述运算符优先级语法示例如下
scriptvar a 3 5 3 5 7 4; //false true false falseconsole.log(a);var b 3 5 || 3 5 || 7 4; //false || true || false trueconsole.log(b);var c !a || 3 5 7 4; //true || true false trueconsole.log(c);
/script示例结果 结语
这就是本期博客的全部内容啦想必大家已经对JavaScript运算符的相关内容有了全新地认识和理解吧如果有什么其他的问题无法自己解决可以在评论区留言哦
最后如果你觉得这篇文章写的还不错的话或者有所收获的话麻烦小伙伴们动动你们的小手给个三连呗点赞评论✍收藏多多支持一下各位的支持是我最大的动力后期不断更新优质的内容来帮助大家一起进步。那我们下期见
