数据的类型 - 数字,文字,真与假 ...

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

JavaScript 认识几种类型的数值,比如 number ,数字,像 1,2,3,3.14 这些都是数字类型的值,还有逻辑值,也就是 true 或 false,表示真 或 假,对或错。

还有 string ,字符串,就是文字类型的值,另外还有两个比较特殊, null 和 undefined , null 表示没值 .. undefined 表示还没有定义的值 …

JavaScript 可以动态的给数值去分类,也就是我们不需要特殊指定数据到底是哪个类型的值 … 直接使用就行 …

我们可以先试一下只去声明一个变量,不给它值 …

var fullName;

再输入 fullName …. 你会看到返回的结果是 undefined … 也就是如果你声明了一个变量,但是没给它值的话,它的值就会是 undefined … 在做逻辑判断的时候,这个 undefined 就相当于是 false ,也就是假的,不对的 …

用这个没有值的变量 … 去加上一个数字 … 返回的结果是 NaN .. 表示 Not a number … 不是一个数字 …

下面我们去定义一个表示人名的变量,给它一个 字符串 类型的值,再去定义一个表示体重的变量 … 再给它一个 数字 类型的值 …

var fullName = "王皓", weight = 160;

这里,name 这个变量里的值就是字符串类型的值,因为 王皓 的周围使用了一个引号包装了一下 … 这样 JavaScript 会认为用引号包装的值都是字符串类型的值,这个引号可以是双引号,也可以是单引号。

判断数据的类型,可以使用 JavaScript 内置的一个函数,typeof … 在括号里输入要判断的值,因为要判断的值在一个变量里,所以,我们可以直接使用这个变量的名称表示这个值。

typeof(fullName);

返回的结果是 string … 表示 name 这个变量里面的值的类型是 string ,字符串类型的值。 再试一下 weight 这个变量 ..

typeof(weight);

返回的结果是 number … 表示 weight 里面的值是 数字 类型的值 … 注意在定义 weight 变量的时候,直接输入了数字,没有使用单引号或者双引号包围它 … 这样 JavaScript 会自动的认为这个数值的类型是数字。

再去定义两个变量 …. 名字等于 皓,姓氏是 王 …

var firstName = "皓", lastName = "王";

我们可以把它们加到一起 …. lastName + firstName;

返回来的结果就是 王皓,lastName 里面的 王,再加上 firstName 里面的 皓 … 这里这个 + 号是一个操作符,如果它的两头都是字符串类型的数值,就会把这两个字符串的数值结合到一起 …

如果操作数都是 数字类型的值 … 会进行加法运算 … 比如我们让 weight 再加上一个数字 … weight + 2 …

160 再加上数字 2 … 结果是 162 …. 这个结果同样会是数字类型的值 …

下面我们再定义一个表示增加的体重的变量 … weightIncrease = “2.5斤";

这个 weightIncrease 的值是一个字符串类型的值 … 因为它的值的周围用了一个引号 … 下面我们可以用 weight 去加上这个 weightIncrease …

结果是 1602.5斤 … 这个结果是一个字符串类型的值 … 它的周围会用一个引号 …

虽然 weight 的值是数字类型,但让它去加一个字符串类型的值的时候,JavaScript 把这个数字类型的值转换成字符串 … 然后再让它去加上另一个字符串值 … 结果就是两个字符串类型的值结合到了一起 … 结果的值的类型同样会是字符串类型 …

JavaScript 提供了方法可以把字符串类型的值转换成数字类型的值 … 可以使用 parseInt() 和 parseFloat() …

parseInt() 可以把字符串转成整数值 … parseFloat() 可以转换成浮点小数值 ..

parseInt(weightIncrease); 结果是 2 ,去掉了后面的小数 … 再试一下 parseFloat()

parseFloat(weightIncrease); … 结果里面会保留小数…

下面我们再用转换之后的结果去加上 weight …

parseFloat(weightIncrease) + weight ;

得到的结果就是用加法算出来的数字 … 162.5 …

数据的类型 - 数字,文字,真与假 ...《 JavaScript 基础 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点