JavaScript零基础入门——（三）JavaScript的变量类型

最新推荐文章于 2024-07-25 09:24:40 发布

weixin_33894992

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量76

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/JandenMa/blog/1827442

版权

2019独角兽企业重金招聘Python工程师标准>>>

JavaScript零基础入门——（三）JavaScript的变量类型

欢迎大家回到我们的JavaScript零基础入门课程，上节课我们了解了JavaScript的变量，这节课我们接着上一节课，讲一讲JavaScript的变量类型。

还是那个老问题，什么是变量类型？

首先我们要知道，变量本身是没有类型，那么要想描述或限制变量存放数据的类型，要怎么办？变量类型就是用来说明变量存放的数据的类型。

那在JS中，都有哪些变量类型呢？我们来列举一下：

基本类型

number 数值型
string 字符串型
boolean 布尔型（用来判断的，true或false）
null 空类型
undefined 未定义型（分为完全没定义变量和定义变量但未赋值）

复杂类型：object 对象型，包含以下类型

Function 函数型（表示这是一个方法）
Array 数组
Date 日期型
。。。

不过要注意的是，一个变量一般来说只能存放一种类型的数据，避免混乱。

说的有点干，来看看代码：

var num = 12;
var str = 'abc';
var isSelect = true;
var sjson = {a:1,b:'xx'};
var func = function(){}
var u;
var arr = [0,6,9,12];
var d = new Date();
var nu = null;
var err = new error();
var reg = /^[0-9]$/;

//typeof是用来获取变量类型的方法
console.log(typeof(num));//number
console.log(typeof(str));//string
console.log(typeof(isSelect));//boolean
console.log(typeof(sjson));//object
console.log(typeof(func));//function
console.log(typeof(u));//undefined，定义未赋值
console.log(typeof(y));//undefined，未定义
console.log(typeof(arr));//object
console.log(typeof(d));//object
console.log(typeof(err));//object
console.log(typeof(reg));//object

看了代码，有一定的了解了吗？一定要自己动手敲一敲哦，那样才能有收获。

那既然存在不同的类型，那势必就存在类型间的转换。在JS中，跟其他高级语言类似，也存在着显式转换和隐式转换两种类型转换方式。显式转换又称为强制转换，是使用者调用某些函数，告诉程序要执行什么样的转换，最常见的就是parseInt和parseFloat。parseInt顾名思义，就是转换成整数，一般情况下，允许参与转换的类型，是字符串或者小数，他的工作原理，是从左向右扫描，遇到非数字就停止。而parseFloat是转换成小数，它允许转换的类型，一般是字符串或者整数，在不确认要转换的字符串包含的是整数或者小数的时候，直接使用parseFloat，如果是整数，放心，不会出现小数点。

var numStr = '12';
var floatStr = '8.5';
var floatNum = 3.6;
var intNum = 5;
var str = 'abc';

console.log(parseInt (numStr));//12
console.log(parseInt (floatStr));//8
console.log(parseInt (intNum));//5
console.log(parseInt (str));//NaN
console.log(parseFloat (numStr));//12
console.log(parseFloat (floatStr));//8.5
console.log(parseFloat (intNum));//5
console.log(parseFloat (str));//NaN

console.log(parseInt (str) == parseFloat (str));//false，NaN与NaN并不等价
console.log(isNaN(parseFloat (str)));//true

需要提醒的是，如果字符串无法转换成数字，那么就会出现NaN，即Not a number，不是一个数字。而两个NaN是不等价的，要想判断能否转换成数字，要用isNaN来判断。

说完显式转换，我们来说说隐式转换。隐式转换指的是我不需要告诉它要转成什么类型，它自动根据需要帮我转换。在JS中，隐式转换一般指的是相等比较符和减法。需要特别指出的是，相等比较符（==）和全等比较符（===）是不一样的，前者会先转换成相同类型再做比较，而后者是直接比较。其次是加法和减法不一样。减法会先转换成数字在进行计算，而加法不会。这一点后面的课程会单独讲。直接来看代码：

//相等比较符和全等比较符

var a=5;
var b='5';

console.log(a==b)//true
console.log(a===b);//false

//加法和减法

var x='12';
var y='8';

console.log(x+y);//128
console.log(x-y);//4

好，这一节课我们了解了在JS中，变量的类型，以及类型转换，知识点不多，但是要消化的细节不少。还是那句话，自己动手敲一敲，才能印象深刻。有问题，要及时留言，振丹会尽快回复解答的。下一节课，我们准备去认识一些叫“运算符”的东西。

如果想跟着振丹继续学习，可以微信关注【振丹敲代码】（微信号：JandenCoding）

新博文微信同步推送，也可直接扫描下方二维码关注。