最新【JavaScript—数据类型】(5)，下血本买的-CSDN博客

本文链接：https://blog.csdn.net/2401_84166965/article/details/138757439

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

使用typeof检测变量数据类型（这样就可以轻松地知道该值是什么数据类型啦）

<script>
 //使用typeof检测变量数据类型
 var num = 10;
 console.log(typeof num);// number
 var str = 'shanyu';
 console.log(typeof str);//string
 var flag = true;
 console.log(typeof flag);//boolean
 var vari = undefined;
 console.log(typeof vari);//undefined
 var space = null;
 console.log(typeof num);// object
 </script>

（4）什么是数据类型转换

使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行 加法运算,而需要转换变
量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外-种数据类型。
我们通常会实现3种方式的转换:

①转换为字符串类型

 <script>
 //把数字型转换为字符串型变量. toString()
 var num = 10;
 var str = num.toString();
 console.log(str);
 console.log(typeof str);//用typeof来验证一下
 //我们利用String(变量)强制转换
 console.log(String(num));
 //利用+拼接字符串的方法实现转换效果隐士转换
 console.log(num+'');
 </script>

在这里插入图片描述
在这张图片里我们能看到三种转换方式都成功的将10转换成为字符串了

注：如果不是字符串的话在控制台上显示的颜色不是灰色的

②转换为数字型

整数：parseInt（变量名）
在这里插入图片描述
小数（浮点数）：parseFloat（变量名）

Number（变量）

隐式转换（-，*，/）
可能有小伙伴会问，为啥没有+呢？

答：10010，你是想拨打联通客服号码吗？有兴趣的小伙伴们可以去验证一下哦！
在这里插入图片描述

这里将这四种方式的使用方法罗列了一下，可以自己试着进行相应的操作

在这里插入图片描述

注：parselnt和parseFloat单词的大小写
注：隐式转换是我们在进行算数运算的时候, JS自动转换了数据类型

（5）加法计算器案例：

条件：
①首先输入两个数

②然后进行输入数字的相加

③最后将结果数字输出

 <script>
 var one\_num = prompt('请输入第一个数字');
 var two\_num = prompt('请输入第二个数字');
 var result = parseFloat(one\_num) + parseFloat(two\_num);
 alert('您最终的结果是' + result);
 </script>

有的同学可能会问，为什么不可以这样alert(‘您最终的结果是’ + one_num+two_num);

答：是因为前面有“‘您最终的结果是’”这句话，这句话是一个字符串，这个会首先和第一个数相加，然后变成一整个字符串，最终再加上第二个数字，结果肯定都是字符串了！这里正好验证了上面那个问题。

（6）转换为布尔型

转换为布尔型就很简单啦！

 <script>
 console.log(Boolean(''));//false
 console.log(Boolean(0));//false
 console.log(Boolean(NaN));//false
 console.log(Boolean(null));//false
 console.log(Boolean(undefined));//false
 console.log(Boolean('山鱼'));//true
 console.log(Boolean(12));//true
 </script>

记住字符串和数字是true，其他的都是false就OK啦！
在这里插入图片描述