当前位置: 首页 > article >正文

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表格剪切过来,放进去,将固定的数据换成变量即可在这里插入图片描述

在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述


http://www.kler.cn/a/406978.html

相关文章:

  • torch_geometric使用手册-Creating Message Passing Networks(专题二)
  • key-value存储实现
  • Ubuntu24.04普通安装mysql
  • 如何更改手机GPS定位
  • 耳朵“嗡嗡”响,这是怎么啦
  • JAVA中的Lamda表达式
  • 第二十六章 TCP 客户端 服务器通信 - $ZB 和 READ 命令
  • goframe开发一个企业网站 MongoDB 完整工具包19
  • c#:winform调用bartender实现打印(学习整理笔记)
  • 使用IDEA构建springboot项目+整合Mybatis
  • Redis相关面试题汇总
  • HARCT 2025 新增分论坛7:机器人和自动化的新趋势
  • CMake笔记:install(TARGETS target,...)无法安装的Debug/lib下
  • 常见LLM大模型概览与详解
  • 【AI日记】24.11.23 学习谷歌数据分析初级课程-第4课
  • linux通过手工删除文件卸载oracle 11g rac的具体步骤
  • Springboot项目搭建(4)-文章管理接口
  • 《操作系统 - 清华大学》4 -5:非连续内存分配:页表一反向页表
  • 3D可视化引擎HOOPS Luminate场景图详解:形状的创建、销毁与管理
  • python安装包中的一些问题(一):conda list 已经安装的包为啥在spyder pip list中没有?
  • 从监控异常发现网络安全
  • Exploring Prompt Engineering: A Systematic Review with SWOT Analysis
  • 本地安装YAPI
  • 基于机器学习的人脸识别算法matlab仿真,对比GRNN,PNN,DNN以及BP四种网络
  • go 接口类型断言
  • 高精度计算题目合集