类型转换
Number String Boolean undefined null
String类型转换为数值类型
纯数字的字符串
var str = '1000';
字符串转换数值类型:
console.log(Number(str)); 返回值1000
console.log(typeof Number(str)); 检测类型为Number
数字开头的字符串
var str = '100px';
console.log(Number(str)); 返回值NaN
console.log(typeof Number(str)); 检测类型为Number
其他类型的字符串
var str = '100px';
console.log(Number(str)); 返回值NaN
console.log(typeof Number(str)); 检测类型为Number
其他类型的字符串
var str = '内容';
console.log(Number(str)); 返回值NaN
console.log(typeof Number(str)); 检测类型为Number
布尔类型转换为数值类型
true返回值为1
var flag = true;
console.log(Number(flag)); 返回值1
console.log(typeof Number(flag)); 检测类型为Number
false返回值为0
var flag = false;
console.log(Number(flag)); 返回值0
console.log(typeof Number(flag)); 检测类型为Number
undefined类型转换数值类型
返回值都为NaN
var u = undefined;
console.log(Number(u)); 返回值NaN
console.log(typeof Number(u)); 检测类型为Number
null类型转为数值类型
返回值都为0
var n = undefined;
console.log(Number(n)); 返回值0
console.log(typeof Number(n)); 检测类型为Number
其他类型转为整数类型,浮点数
ParseInt()整数类型
var n = '100px'
console.log(ParseInt(n)); 返回值为100
console.log(typeof ParseInt(n)); 检测类型为Number
ParseFloat()浮点数
var n = '100.1px'
console.log(ParseInt(n)); 返回值为100.1
console.log(typeof ParseInt(n)); 检测类型为Number
异同点:ParseInt()和ParseFloat()和Number()
ParseInt() 100.1px---->100
ParseFloat() 100.1px---->100.1
Number() 100.1px---->NaN
转为数值类型
Number()
100px -----> NaN
"张三" ----->NaN
100 ------>100
ParseFLoat()
'100.1px' ---->100.1
"张三" -----> NaN
ParseInt()
100.1px ---100
"张三" ----NaN
转为字符串类型
String() 什么都可以转
toString() 不可以转undefined和null
转换为布尔类型
Boolean()
0 -0 "" null undefined NaN false 返回值为false
其他返回值为true
比较和逻辑运算符
比较运算符
运算符 | 描述 | 比较 | 返回值 |
---|---|---|---|
== | 等于(仅仅比较数值) | x==8 | false |
x==5 | true | ||
=== | 绝对等于(值和类型均相等) 全等 | x===“5” | false |
x===5 | true | ||
!= | 不等于 | x!=8 | true |
!== | 不绝对等于(值和类型有一个不相等,或两个都不相等) | x!==“5” | true |
x!==5 | false | ||
> | 大于 | x>8 | false |
< | 小于 | x<8 | true |
>= | 大于或等于a’a | x>=8 | false |
<= | 小于或等于 | x<=8 | true |
逻辑运算符
运算符 | 描述 | 例子 |
---|---|---|
&& | and(同时成立) | (x < 10 && y > 1) 为 true |
|| | or(只要有一个为真即为真) | (x5 || y5) 为 false |
! | not | !(x==y) 为 true |
条件运算符(三目)
格式
条件?语句1:语句2;
赋值运算符
运算符 | 例子 | 等同于 | 运算结果 |
---|---|---|---|
= | x=y | x=5 | |
+= | x+=y | x=x+y | x=15 |
-= | x-=y | x=x-y | x=5 |
*= | x*=y | x=x*y | x=50 |
/= | x/=y | x=x/y | x=2 |
%= | x%=y | x=x%y | x=0 |