JavaScript的类型转换
类型转换 : 隐式转换和显示转换
一般的,默认单选框和多选框传过来的值都是字符串
JavaScript是弱数据类型:JavaScript不知道变量属于哪种类型,需要赋值了才清楚。
缺点:使用表单、prompt获取过来的数据默认是字符串类型,此时就不能进行简单的加法运算,如下:
隐式转换:
某些运算符被执行时,系统内部自动将数据类型进行转化,这种转换称为隐式转换。
规则:
+号两边只要有一个是字符串,都会把另外一个转成字符串
除了+(加号)以外的算数运算符,比如 - * / [即 减号、乘号、除号] 等都会把数据转换成 数字类型
缺点: 数据类型不明确
技巧:当 + 号作为 正号解析 可以转换城数字型,
任何数字和字符串相加的 结果都是 字符串【即 当出现字符串 与 数字 相加 结果就是 字符串】
显示转换,概念,写代码明晰系统要转成什么类型转换类型报错为 NaN
通过使用加号 来转换 字符串为数字型
转换为数字型
Number(数据)
1.转成数字类型
2.如果字符串内包含非数字,转换失败时结果 为NaN(Not a Number),不是一个数字
3.NaN也是number类型的数据,代表非数字
parseInt(数据)注:不会进行四舍五入,只会把整数部分保留下来
只保留整数
parseFloat(数据)
可以保留小数
练习:输入两个数,然后进行相加
练习:
// 需求:用户输入商品价格数量 ,以及收货地址,自动打印订单信息
第一步搭建固定框架:
把表格搭建出来【加上设置好 格式】:
效果:
//具体:1.需要输入三个数据—>需要三个变量来存储数据【price、num、delivery_address】
2.需要计算总价格 total
3.页面生成打印表格,里面填充数据即可
4.记得最好使用模板字符串
把刚才写的table表格剪切过来,放进去,将固定的数据换成变量即可