web前端入门到实战：JavaScript的算数,赋值,比较和逻辑运算符

最新推荐文章于 2020-04-23 13:52:10 发布

白T恤架构师

最新推荐文章于 2020-04-23 13:52:10 发布

阅读量171

点赞数

分类专栏： JavaScript 文章标签： javascript 编程语言前端 Web前端前端教程

本文链接：https://blog.csdn.net/ITHHH111/article/details/105487544

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

类似a=1+1这样的表达式称为运算符，js的运算符分为算数,赋值,比较和逻辑运算符；常见的算数有：+ - * / %（加减乘除，取模），比方说5/4=41+1；5%4=1，js算数顺序：从左往右，先 / %后+ ；js的值包含数字，字符串，布尔值；在算数运算中，“加号”：有字符串，按照字符串处理，没有按照数字处理；注意布尔值false=0，true=1；比方来说：1+“a”=“1”+“a”=“1a” ; 1+false=1+0=1; false+“a”=“falsea”; 1-“1”=1-1=0; 1-“a”=NaN (not a number)不是一个数；一元二元运算符，正负号代表正负值；减号，字符串可以转换成数字，默认为数字(chrome浏览器，f12控制台，console测试)

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>javascript算数运算符</title>
 7 </head>
 8 <script>
 9 //加号：有字符串按照字符串处理，没有按数字
10 // 1+"a"
11 // "1a"
12 // 1+false
13 // 1
14 // false+"a"
15 // "falsea"
16 // 1-"1"
17 // 0
18 
19 //减号，字符串可以转成数字，默认数字
20 // 1-"a"
21 // NaN
22 // 1-"1"
23 // 0
24 // 1-"a"
25 NaN 26 </script>
27 <body>
28     
29 </body>
30 </html>

赋值运算符也可以叫做复合运算+ - * / %；var a=1;a=a+10;a+=10;a-=10;a=a-10;

专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧
（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>赋值运算符</title>
 7     <script>
 8         var a=1;
 9         // a=a+10;
10         //a+=10;
11         a-=10; 12         a=a-10; 13 console.log(a); 14     </script>
15 </head>
16 <body> 
17 </body>
18 </html>

比较运算符 > < == === != >= <=相当于布尔值判断true还是false，注意要求的值相等，而=要求的不光是值还有类型

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>比较运算符</title>
 7     <script>
 8     // a=1>2
 9     // a=>false
10     // 0==false =>true
11     // 0===false =>false
12 
13     // 1>2
14     // false
15     // 0==false
16     // true
17     // 0===false
18     // false
19     // 1==true
20     // true
21     // 1===true
22     // false
23     </script>
24 </head>
25 <body> 
26 </body>
27 </html>

逻辑运算符 || &&！“或” “与” “非”

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>逻辑运算符</title>
 7     <script>
 8         // &&  布尔值&&布尔值=>布尔值
 9         // ||  true||true=>true true||false=>true   有一个是真就是真 true
10         // !a a=true false
11     </script>
12 </head>
13 <body>
14 </body>
15 </html>

**一元运算符++a 二元运算符a+b 一元运算符优先级高于二元运算符；++a，a先加，a++，a后加 ++自增1 --自减1 **

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>一元运算符二元运算符</title>
 7     <script>
 8         var a=1;
 9         a++;//a=a+1
10 console.log(a); 11         a--;//a=a-1
12 console.log(a); 13         ++a;//先自增
14         --a;//先自减
15         var a=1; 16         var b=++a+5; 17         =>a=++a=a+1
18         // b=a+5;
19         // a=1
20         // 1
21         // ++a
22         // 2
23         // a+5
24         // 7
25 
26         var a=1; 27         var b=a++ +5; 28         =>var b=a+5; 29               a=a++=a+1
30         //先加加，后加加
31         // a=1
32         // 1
33         // a++
34         // 1
35         // a
36         // 2
37         // a=1
38         // 1
39         // ++a
40         // 2
41     </script>
42 </head>
43 <body>
44 </body>
45 </html>

白T恤架构师

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端入门到实战：JavaScript的算数,赋值,比较和逻辑运算符

类似a=1+1这样的表达式称为运算符，js的运算符分为算数,赋值,比较和逻辑运算符；常见的算数有：+ - * / %（加减乘除，取模），比方说5/4=41+1；5%4=1，js算数顺序：从左往右，先 /  %后+ ；js的值包含数字，字符串，布尔值；在算数运算中，“加号”：有字符串，按照字符串处理，没有按照数字处理；注意布尔值false=0，true=1；比方来说：1+“a”=“1”+“...
复制链接

扫一扫