3.4数据类型转换.pptVIP

JavaScript前端开发河北正定师范高等专科学校

本节任务任务描述实现简单加法器数据类型转换

任务描述

任务分析问题：prompt()接收用户输入的数据都是字符串类型，如果用户输入8，想得到数字型该怎么样操作？答案：转换数据的数据类型即可，也就是把字符串型转换成数字型。为什么要学习转换数据类型？因此，适当的数据类型转换有助于数据的计算和输出。

隐式转换当JavaScript尝试操作一个“错误”的数据类型时，会自动转换为“正确”的数据类型。称为数据类型的隐式转换。示例如下（1）字符串型数据和数字型数据的自动转换5+null//返回5，null转换为05+null//返回5null，null转换为null5+1//返回51，1转换为15-1//返回4，5转换为55*2//返回10，5转换为56/2//返回3，6转换为6

隐式转换注意事项1）进行减、乘、除计算的时候，没有必要将字符串显示的转换为数字再进行操作。2）进行加计算时，没有必要将数字和null显示的转换为字符串。

隐式转换如果JavaScript预期某个位置应该是布尔值，会将该位置上现有的值自动转为布尔值。转换规则是除了下面六个值被转为false，其他值都视为true。（2）转布尔值undefinednullfalse0NaN或

显式转换（1）转数字型console.log(Number(helloworld));//返回值是NaNconsole.log(Number());//返回值是0console.log(Number(0000110));//返回值是110console.log(Number(true));//返回值是11）Number()Number()函数将对象参数转换为表示对象值的数字。如果该值无法转换为合法数字，则返回NaN。示例如下

显式转换（1）转数字型parseInt(10.33);//返回值是10parseInt(344566);//返回值是34parseInt(30years);//返回值是30parseInt(Hewas18);//返回值是NaNparseInt(10,8);//返回值是82）parseInt()parseInt()函数用于将首位为数字的字符串转化为数字，解析到一个非数字字符停止转换，开头和结尾的空格是允许的。如果字符串不是以数字开头，则将返回NaN。语法：parseInt(StringNum)，StringNum为需要转化为整型的字符串。示例如下

显式转换（1）转数字型parseFloat(10.3.3);//返回值是10.3parseFloat(344566);//返回值是34parseFloat(30years);//返回值是30parseFloat(Hewas18);//返回值是NaN3）parseFloat()parseFloat()函数用于将首位为数字的字符串转化为浮点型数字，如果在解析过程中遇到了正负号（+或-）、第一个小数点或者科学记数法中的指数（e或E）以外的非数字字符，则它会忽略该字符以及之后的所有字符，返回已经解析到的浮点数。语法：parseFloat(StringNum)，StringNum为需要转化为浮点型的字符串。示例如下

显式转换（2）转字符串varage=18;varstrAge=age.toString();console.log(strAge);//输出字符串181）toSring()示例如下

显式转换（2）转字符串varage=10;console.log(String(age));//输出字符串102）String()示例如下

案例实现（1）编写页面HTML代码。创建HTML文档并构建基本网页结构。（2）编写页面JavaScript代码。在页面中添加script/script标签，并在其中输入代码。varnum1=prompt(请输入第一个值);varnum2=prompt(请输入第二个值);varresult=parseFloat(num1)+parseFloat(num2);//显示转换varresult=(num1-0)+(num2-0);//隐式转换alert(您的结果是:+result);

小结隐式转换显示转换