前言
学习好一门语言贵在坚持——初识JavaScript🏹💁♂️！
首先我们先来看一下如何使用lenght来检测字符串的长度
<script> var str = 'wo shi 山鱼'; console.log(str.length); </script>
检测获取字符串的长度—length 那么‘wo shi 山鱼’的字符串长度就是9
简单数据类型
(1)交互的三个基本要素
<script> //交互编程三个基本要素： // ①用户输入 // ②内部处理 // ③输出结果 var age = prompt('请输入你的年龄'); var result = '您的年龄是'+age+'岁'; alert(result); </script>
（2）boolean以及undefined和null
<script> var flag = true; // flag布尔型 var flag1 =false;//flag1布尔型 console.log(flag+1);//true 参与加法运算当1来看 console.log(flag1+1);//false 参与加法运算当0来看 //undefined //如果一个变量声明未赋值就是undefined 未定义数据类型 var shanyu; console.log(shanyu+'1');//和字符串相加结果是undefined1 console.log(shanyu+1);//和数字相加结果是NaN // null空值 var space = null; console.log(shanyu+'1');//undefined1 console.log(shanyu+1);//NaN </script>
（3）如何检测数据类型
在JavaScript里面呢12和‘12’又不一样了，那我们怎么来进行区分嘞？
使用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啦！
