我们常用(非集合)变量为 字符串,数值,布尔,我们本章仅在这三种变量中相互转换
目录
1 转换为字符串
1.1 toString()
1.1.1 数值到字符
1.1.2 布尔到字符
1.2??String()
1.2.1??数值到字符
1.2.2??布尔到字符
2??转换为数字型
2.1??取出整数值 parselnt()
2.1.1??字符到整数
2.1.2??布尔到整数
2.2??取出浮点型值(原值) parseFloat()
2.2.1??字符转浮点
2.3??布尔转浮点
2.4??保留原值不变 Number()
2.4.1??字符转数值
2.4.2??布尔转数值
2.5??特殊字符
3??转换为布尔型 Boolean()
1 转换为字符串
1.1 toString()
1.1.1 数值到字符
toString()是变量的内置方法,所以放在变量的后面

我们发现只有返回值变为了str,但变量本身没变

1.1.2 布尔到字符

蓝色是布尔型,黑色是字符串型

1.2??String()
1.2.1??数值到字符
String()是JS的内置方法,所以将变量作为参数放入其中

同样只是返回值变为了str,变量本身没变

1.2.2??布尔到字符


2??转换为数字型
2.1??取出整数值 parselnt()
2.1.1??字符到整数

我们发现原本内容是浮点数的字符串,现在变成了整数,而且不是四舍五入,而是直接砍掉小数部分

2.1.2??布尔到整数

发现转为了NaN

2.2??取出浮点型值(原值) parseFloat()
2.2.1??字符转浮点


如果你是整形它也不会给你加小数部分


2.3??布尔转浮点

转为NaN

2.4??保留原值不变 Number()
2.4.1??字符转数值


整形也一样


2.4.2??布尔转数值

true转为1,false转为0

2.5??特殊字符
如果你乱写一个字符串

parseInt与parseFloat会做出响应处理,Number会转换为NaN(字符串前面如果乱写的话这三个都是NaN)

所以如果是后面带单位px,deg这种,不要使用Number进行转换


parseFloat由于带小数位,所以处理速度会比parseInt慢一些
3??转换为布尔型 Boolean()
我们直接放在一起写了


总的来说,我们发现 空,否定的值会被转换为false,如'',0,NaN,null,undefined。
其余的值都会转换为true
|