02 数据类型&运算符

江枫思渺然 提交于 2020-04-01 03:10:29

基本数据类型

和python一样,js的变量命名也是弱类型,也就是说根据变量值来定义变量类型。

运算符值得注意的点是,===,这个指类型和值都相等。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta http-equiv="X-U-Compatible" content="IE-edge">
 6     <meta name="viewport" content="width=device-width,initial-scale=1">
 7     <title>数据类型转换&运算符</title>
 8 </head>
 9 <body>
10     <!--数据类型转换-->
11     <script type="text/javascript">
12         // number 转换成 string
13         var n = 100,s = 'str';
14         var newParam = n + s ;  // 隐式转换
15         console.log(typeof newParam);  // string
16         var n2 = String(n);  // 强制转换  String()  方法
17         var n3 = n.toString();  // 强制转换  toString() 方法
18         console.log(typeof n,typeof  n2,typeof  n3);  // number string string
19 
20         // 将string转换成number
21         var m = '123';
22         var e = Number(m);  // 强制转换
23         console.log(typeof  m,typeof  e);// string number
24         var ms = '12str';
25         var es = Number(ms);  // 有个点要注意 如果强制转化的变量不是一个数值 那么转换后的值会变成 NAN  not a number
26         console.log(es,typeof  es);// NAN number
27         console.log(parseInt('123.321')); //123  parseInt()可以解析一个字符串 并且返回一个整数
28         console.log(parseFloat('123.321')); //123.321  parseFloat()可以解析一个字符串 并且返回一个小数
29 
30         // 四舍五入
31         var num1 = 12.567;
32         var num2 = num1.toFixed(2); // 保留两位小数 注意四舍五入后的类型为字符串
33         console.log(num2, typeof num2); //  12.57 string
34 
35         // 任何的数据类型都可以转换为boolean类型
36         var b1 = '123'; //true
37         var b2 = 0; //false
38         var b3 = -123; //true
39         var b4 = Infinity; //true
40         var b5 = NaN; //false
41         var b6; //false
42         var b7 = null; //false
43         //使用Boolean(变量) 来查看当前变量的真假
44 
45     </script>
46 
47     <!--运算符-->
48     <script type="text/javascript">
49         // 赋值运算符
50         var x=18,y=5;
51         var z = x; // 将z这个变量也指向 12 这个值的内存地址
52         x = 12;  // 从新开辟了一个内存地址存12  x指向这个内存地址  18的内存你地址不变
53         console.log(x,z); // 12,18
54         console.log(x+=y); // 17  等同于  x = x + y
55         console.log(x-=y); // 12  等同于  x = x - y
56         console.log(x*=y); // 60  等同于  x = x * y
57         console.log(x/=y); // 12  等同于  x = x / y
58         console.log(x%=y); // 2  等同于  x = x % y
59 
60         // 算数运算符
61         var a = 5,b=2;
62         var c = a + b;
63         console.log(c);  // 7
64         var c = a - b;
65         console.log(c);  // 3
66         var c = a * b;
67         console.log(c);  // 10
68         var c = a / b;
69         console.log(c);  // 2.5
70         var c = a % b;
71         console.log(c);  // 1
72         var c = a ++;  // 这里需要解释下,先将a赋值给测c,然后a再自加,也就下面的代码里a=6.
73         console.log(c);  // 5
74         var c = a --;  // 这也是一样的,先将a赋值给测c,然后a再自减,也就下面的代码里a=5.
75         console.log(c);  // 6
76         var c = ++a ;  // 这也不同了,先将a自加,然后a赋值给c,a=6,c=6
77         console.log(c);  // 6
78         var c = --a;  // 这也不同了,先将a自减,然后a赋值给c,a=5,c=5
79         console.log(c);  // 1
80 
81         // 比较运算符
82         // 比较运算符得到的是一个布尔值,常用来做判断
83         var m = 666;
84         console.log(m == 666, m == '666', m == 777);// true true false  只要值相等就成
85         console.log(m === 666, m=== '666');// true false  值和类型都需要相同
86         console.log(m != 666, m != 777);//  false true  只要值不相等就成
87         console.log(m !== 666, m !== '666');//  false true    值和类型都需要不相同
88         console.log(m > 777, m > '222');//  false true    比较的是值  不比较类型
89         console.log(m < 777, m < '222');//  true false     比较的是值  不比较类型
90         console.log(m >= 777, m >= '222');//  false true     比较的是值  不比较类型
91         console.log(m <= 777, m <= '222');//  true false     比较的是值  不比较类型
92 
93         // 三元运算符  var a = 布尔值 ? "为真取前面这个" : "为假取后面这个";
94         var age = 17;
95         var flag = age >= 18 ? "成年人":"未成年";
96         console.log(flag);  // 因为 age >= 18  为假,所以 控制台输出的是 未成年
97     </script>
98 </body>
99 </html>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!