【Web前端基础知识】JavaScript基本数据类型有哪些

【摘要】 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。下面是【Web前端基础知识】JavaScript基本数据类型有哪些，小编建议有准备参加考试的备考生一定要合理规划时间，仔细阅读相关规定，提前做好考前准备。下面让我们看看【Web前端基础知识】JavaScript基本数据类型有哪些的具体内容：

【Web前端基础知识】JavaScript基本数据类型有哪些

2025年监理工程师-考点精讲班体验课

¥0

去购买​

大家好，今天我们来认识下JavaScript中的数据类型。JavaScript是弱类型语言，开始的时候并不知道变量时什么类型，必须通过存储的具体的值才能判断变量的类型。

JavaScript的数据类型分为基本数据类型和复杂数据类型。其中，基本数据类型: Number(数字),String(字符串),Boolean(布尔),Undefined(未定义),Null(空);复杂(引用)数据类型: Object(对象), Array(数组), Function(函数)。我们可以使用typeof操作符检查变量的类型，语法为typeof(变量)/typeof 变量，typeof返回值: number, string, boolean, undefined, object, function。今天我们来认识下JavaScript中的基本数据类型。

首先，我们来认识下Number类型。number类型就是数字类型，主要用于存储数据，参与数学运算。number类型包括 整数，小数，正数，负数，各种进制的数字和特殊数字。我们通过下面的代码来认识下number类型：

1. // 1.1 普通整数和小数 
2. var num1 = 10; 
3. var num2 = 2.5; console.log(typeof(num1), typeof num2); 
4. // 1.2 负值 
5. var num3 = -0.2; 
6. console.log(num3, typeof num3); 
7. // 1.3 八进制,以 0 开头并且没有超过 8 的值,则为 8 进制 
8. var num4 = 070; 
9. console.log(num4, typeof num4); // 56 number 
10. // 1.4 十六进制,0x 开头,则为 16 进制 
11. var num5 = 0x10; 
12. console.log(num5, typeof num5); //15 number 

除了上面的number类型，JavaScript中还有一些特殊的数字类型:

1、NaN: not a number，算术运算不能得到正常数字时会返回NaN，NaN不和NaN相等。

2、Infinity: 无穷大。

3、e: 10的次幂 1e9代表1乘以10的9次幂

4、小数相加会有误差

1. //1.1 NaN not a number 算术运算不能得到正常数字都会返回 NaN var num5 = ‘a’ - 5; 
2. console.log(num5, typeof num5); // NaN number 
3. // 1.2 无穷大 
4. var num6 = 1 / 0; 
5. console.log(num6, typeof num6); // Infinity number 
6. // 1.3 小数相加 会有一点偏差  
7. console.log(0.1+0.2); // 0.30000000000000004 

接下来，我们来认识下String类型，string类型就是字符串类型，是用引号引起来的内容，单引号和双引号都可以， 例如：“web”， ‘web’。字符串有一个常用属性length，用来表示字符串的长度，字符串中的任意字符都占字符串的一个长度，字符串也可以通过charAt(下标)方法来获取对应下标的字符，需要注意的是，字符串中下标是从0开始的，除了charAt()方法外，也可以使用字符串加中括号的形式获取对应下标的字符。

1. var str1 = ‘abc’; 
2. var str2 = “123”; 
3. console.log(typeof str1,typeof str2); //string string 
4. console.log(str1.charAt(0)); // a 
5. console.log(str1[0]]); // a 

此外，所有我们从 input 表单中获取的用户输入的内容都是字符串，哪怕输入的是数字。例如下面的例子。

1. <input type="text" id="oIn"> 
2. <button id="oBut">输出内容</button> 
3. ​ 
4. oBut.onclick = function () { 
5.     var value = oIn.value;  
6.   console.log(typeof value); // string 
7. } 

接下来，我们来认识下Boolean类型。Boolean： 布尔类型， 只有真和假，也就是true/false。

1. var bool1 = true; 
2. var bool2 = false; 
3. console.log(typeof bool1, typeof bool2); // boolean boolean 
4. console.log(10 > 20); //false 
5. if(10   >   20){ // if 的小括号里面,会自动转换成 boolean 类型 
6.     alert(true) 
7. }; 

除了通过比较能得到 Boolean 的值以外，还有一个口诀来判断条件是否为真：非 0 为真，非空为真”。即 0 为假,其他数字为真，空字符串为假，其他为真。

最后，我们来认识下null和undefined。null表示值为空，undefined表示变量没有初始化(声明未赋值)，值的空缺。null表示空对象，使用typeof操作符得到的“object”。undefined：undefined类型，当声明变量未赋值时，变量的值就是undefined，类型也是undefined。

1. var a = null; 
2. console.log(a); // null 
3. console.log(typeof a); // object 
4. ​ 
5. // var b = undefined; 
6. var b; 
7. console.log(b); // undefined 
8. console.log(typeof b); // undefined 

以上就是【Web前端基础知识】JavaScript基本数据类型有哪些的内容，对前端感兴趣的小伙伴们可以关注考必过，获取更多前端前沿资讯和最新技术。最新消息小编会第一时间发布，助力大家考试，加油！