,js的运算符分为算数,赋值,比较和逻辑运算符;常见的算数有:+ - * / %(加减乘除,取模),比方说5/4=4*1+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)不是一个数;一元二元运算符,一元运算符++a 二元运算符a+b 一元运算符优先级高于二元运算符;++a,a先加,a++,a后加 ++自增1 --自减1
类似a=1+1这样的表达式称为运算符,js的运算符分为算数,赋值,比较和逻辑运算符;常见的算数有:+ - * / %(加减乘除,取模),比方说5/4=4*1+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;
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>