【九月打卡】第18天数据类型的转换相关知识总结

一、课程概述

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;

三、学习心得

今天收获到了几种数据类型转换的方法，还是比较好区别的，但是在计算上还是要去控制台多打几遍，不然容易搞混。