JavaScript练手小技巧：入门级别输入两数相加打印结果页面显示

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、怎么判断JavaScript 数据类型？
• 二、JavaScript 数据类型转换
  • 1.隐式转换
  • 2.显示转换
• 案例

---

前言

这是我写的第一篇博客，我希望我能通过写博客来巩固我学习的知识，也希望能够遇到更多志同道合的朋友一起进步！

一、怎么判断JavaScript 数据类型？

示通过typeof关键字来检测数据类型，例如

			console.log(typeof 10);
			console.log(typeof '10');
			console.log(typeof true);
			console.log(typeof undefined);
			console.log(typeof null);

二、JavaScript数据类型转换

1.显示转换

（1）转化为数值型——Number（）

（2）parseInt()——只保留整数

（3）parseFloat()——可以保留小数

代码如下

console.log(Number('10'));
console.log(parseInt('10.67'+'10.34'));
console.log(parseFloat('10.67'+'10.34'));

运行结果如下

2.隐式转换

（1）+：若加号左右两边有一边是字符型类型的，那结果也将是字符型，例如12+'12',结果将是1212（字符型）

（2）+： 若加号后面只有一个数或做一个函数，会将数据转换为数值型

（3）- ，* ，/ 会把数据转化为数值型

代码如下（示例）：

console.log(12+'12');
console.log(+'12');
console.log(2-'2');

 

---

案例：输入两数相加，结果显示

			//prompt()得到的是字符串类型
			let num1 = +prompt('请输入第一个数：');
			let num2 = +prompt('请输入第二个数：');
			alert(`两数相加的和为：${num1+num2}`);

两数相加JavaScript