小白前端开发笔记-JS 数据类型转换（细到汗毛）建议收藏备用

文章篇幅过长建议用右侧导航栏进行观看

转数字

字符串转换为数字

1.Number(‘3.14’);

特点：
字符串类型的整数和小数都可以转换。
当字符串类型的数字带字母时则返回NaN。

2.parseInt(‘3.14’)

特点：
无论是字符串类型的整数还是小数均会被转化成整数。
无论是字符串类型的整数还是小数后面加字字母都无影响。
无论是字符串类型的整数还是小数前面加字字母都会返回NaN。

3.parseFloat(‘3.14’)

特点：
字符串类型的整数会被转化成整数。
字符串类型的小数会被转化成小数。
无论是字符串类型的整数还是小数后面加字字母都无影响。
无论是字符串类型的整数还是小数前面加字字母都会返回NaN。

4.算数运算符

4.1 +‘3.14’/-‘3.14’

特点：
加减原理类似，减号得到的是负值。
字符串类型的整数会被转化成整数。
字符串类型的小数会被转化成小数。
字符串前后不可以加任何字母。

4.2 0-‘3.14’/‘3.14’-0

特点
0- 和-0 原理类似，0-得到的是负值。
字符串类型的整数会被转化成整数。
字符串类型的小数会被转化成小数。
字符串前后不可以加任何字母。

注意点

1/4两种方法均无法转换带有字母的字符串。
2/3两种方法可以转换带有字母且字母在后面的字符串。（转换原理：从左往右转换到第一个字母为止）

布尔转换为数字

1.Number(true);

特点：
true》》1
false》》0

2.算数运算符

2.1 +ture/-true

特点：
true：分别转换成1/-1
false：分别转换成0/-0

2.2 0-ture/ture-0

特点：
true：分别转换成1/-1
false：转换成0

日期转化为数字

d = new Date();
Number(d) // 返回 1598951005230
d = new Date();
d.getTime() // 返回 1598951005230

转字符串

数字转换为字符串

1.String(str)

特点：
无论什么数字都会被原封不动的转化为字符串

2.str.toString(str)

特点：
无论什么数字都会被原封不动的转化为字符串

3.算数运算符

"4" + 1     // 返回 "41"      1 转换为 "1" 

布尔转换为字符串

1.String(true)

特点：
true》‘’true‘’
false》‘’false‘’

2.str.toString(str)

特点：
true》‘’true‘’
false》‘’false‘’

日期转换为字符串

1.obj.toString()

String(new Date())
obj = new Date()
obj.toString()
特点：返回Tue Sep 01 2020 17:19:11 GMT+0800 (中国标准时间)
另外：

getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
getFullYear()	从 Date 对象以四位数字返回年份。
getHours()	返回 Date 对象的小时 (0 ~ 23)。
getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)。
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
getMonth()	从 Date 对象返回月份 (0 ~ 11)。
getSeconds()	返回 Date 对象的秒数 (0 ~ 59)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。

转布尔

1.一条规则

0 null ‘’ undefined NaN转化为false
其余为true，且一般非人为操作为自动转化。（ps：bool（））

有关null

1.null与数字

null与数字相加减时被视为0：
null+1》1
null-1》-1
1+null》1
1-null》1

2.null与字符串

null与字符串相加时拼接字符串：
null+‘1’》‘null1’
‘1’+null》‘1null’
null与字符串相减时会被视为0且会转换字符串的类型：（结果为数字）
‘1‘-null》1
null-‘1’》-1

3.null与布尔

null与布尔类型相运算时会被视为数字0
true和false会分别被视为1和0
true+/-null》1
false+/-null》0
null+/-null》1/-1
null+/-true》0