一、课程概述
1、学习课程名称:前端工程师2022版
2、章节名称:JS数据基本类型第四章
(4-1 数据类型转换-慕课网体系课 (imooc.com))
3、讲师名称:一阶段老师
4、学习内容简介:1)转换为数字型 2)转换为字符串 3)转换为布尔值
二、内容分享
(一)转换为数字
1、其他值→数字:使用Number()函数。Number()函数是系统的内置构造函数,需要注意的是它的首字母是大写的,它可以将其他的数转换为数字
(1)注意只有纯数字的字符串能变成数字,如果内容有不是数字的,它将转换成NaN,如Number('123年');和NaN('1+1');
(2)科学计数法将被转换为正常表示,如Number('2e3');将转换为2000
(3)空字符串以及带有空格的空字符串都将转换为0
(4)布尔值true变为1,false变为0
(5)默认值Undefined变为NaN(注意输入时首字母要小写),空值null变为0
2、parselnt()函数:将字符串转为整数
(1)在parseInt眼中,点.也是非数字的字符,所以它可以看成有取整的作用,可以将小数变为整数,同时需要注意这个取整是不会四舍五入的,它只会直接截掉后面所有小数,如parseInt('3.9');结果是3
(2)将自动截掉第一个非数字字符之后的所有字符,起到净化功能,如parseInt('200px);的结果是200
(3)如果字符串不是以数字开头,则转为NaN,但是负号开头却是可以的,如parseInt('-123);结果是-123
3、parseFloat()函数:将字符串转为浮点数
(1)可以将小数字符转为数字小数,不会四舍五入,如parseFloat('3.99');结果是3.99
(2)将自动截掉第一个非数字字符、非小数点之后的所有字符,起到净化功能,如parseFloat('3.14是圆周率');结果是3.14
(3)如果字符串不是以数字开头,则转为NaN
(4)例子:12.67.89→12.67,12.67年→12.67,一二三/true/false→NaN
(5)parseFloat(true)的结果为NaN:parseFloat和parseInt本质上是将“字符串”转为数字,而true和false会被隐秘的转为字符串类型的“true”和“false”,这两个都不是数字,只能转为NaN
(二)转换为字符串:
1、使用String()函数,注意首字母要大写,会变为长的相同的字符串
(1)科学计数法→正常计数
(2)八进制/十六进制→十进制
(3)布尔值/默认值/空值/无穷大都会被转为自己
2、使用toString()方法:几乎所有的值都有toString()方法,单独用数字调用,需要在数字外添加括号,如果提前定义赋值了则不需要
3、String()方法与toString()函数的对比:工作中使用方法比使用函数更多一些
(三)其他值→布尔值:使用Boolean()函数
(1)数字转换:0/NaN→false,其他数字→true
(2)字符串转换:空字符串→false,其他字符串→true,如Boolean('false');会转为true
(3)默认值和空值转换:→false
(4)布尔值转换总结:
1)数字(除0以外)→true;
2)字符串(空字符除外)→true;
3)null→true,undefined→NaN;
三、学习心得
今天收获到了几种数据类型转换的方法,还是比较好区别的,但是在计算上还是要去控制台多打几遍,不然容易搞混。