JavaScript之JS的数据类型

偏执的太偏执、 2022-05-16 03:56 225阅读 0赞

### 前言 ###

JavaScript一共有6中数据类型：  
基本数据类型（5）：字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、空（Null）、未定义（Undefined）  
复杂数据类型（1）：对象(Object)  
注意：Array、Date、Math、Error Set(ES6)…..都是属于Object中

## 一、JS数据类型概述 ##

### 1.1 简介 ###

![o4FmV33.png][]  
原始类型（基本类型）：按值访问，可以操作保存在变量中实际的值。  
原始类型汇总中null、undefined比较特殊。  
引用类型：引用类型的值是保存在内存中的对象。

与其他语言不同的是，JavaScript不允许直接访问内存中的位置，也就是说不能直接操作  
对象的内存空间。  
在操作对象时，实际上是在操作对象的引用而不是实际的对象。所以引用类型的值是按引用  
访问的。

### 1.2 typeof 操作符 ###

由于js中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字。

<table> 
 <thead> 
  <tr> 
   <th align="center">关键字</th> 
   <th align="center">值</th> 
   <th align="center">类型</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">typeof</td> 
   <td align="center">123</td> 
   <td align="center">Number</td> 
  </tr> 
  <tr> 
   <td align="center">typeof</td> 
   <td align="center">‘abc’</td> 
   <td align="center">String</td> 
  </tr> 
  <tr> 
   <td align="center">typeof</td> 
   <td align="center">true</td> 
   <td align="center">Boolean</td> 
  </tr> 
  <tr> 
   <td align="center">typeof</td> 
   <td align="center">undefined</td> 
   <td align="center">Undefined</td> 
  </tr> 
  <tr> 
   <td align="center">typeof</td> 
   <td align="center">null</td> 
   <td align="center">Object</td> 
  </tr> 
  <tr> 
   <td align="center">typeof</td> 
   <td align="center">{ }</td> 
   <td align="center">Object</td> 
  </tr> 
  <tr> 
   <td align="center">typeof</td> 
   <td align="center">[ ]</td> 
   <td align="center">Object</td> 
  </tr> 
  <tr> 
   <td align="center">typeof</td> 
   <td align="center">console.log()</td> 
   <td align="center">Function</td> 
  </tr> 
 </tbody> 
</table>

null类型进行typeof操作符后，结果是object，原因在于，null类型被当做一个空对象引用。

## 二、原始类型 ##

### 2.1 Number类型 ###

*  Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。
 *  js不区分 整型和 浮点型

特殊值 NaN （非数字类型）

*  NaN跟任何值进行任何运算，结果仍然NaN.跟谁都不相等，包括自己。
 *  特点  
    ① 涉及到的 任何关于NaN的操作，都会返回NaN  
    ② NaN不等于自身。
 *  isNaN() 函数用于检查其参数是否是非数字值。  
    isNaN(123) //false isNaN(“hello”) //true

一般NaN被动产生（数据类型转为Number，不能转为正常的数字，就是NaN）  
函数 isNaN() 判断是不是NaN或者能不能转换为NaN

使用实例：

//数字
            var n1 = 10234;
            var n2 = 0x12; //十六进制
            var n3 = 2e2; //科学计数法（小学知识）
    
            console.log(n1,n2,n3)
    
            //浮点精度问题
            console.log(.1 + .2);
    
            //NaN  表示Not a number
    
            console.log(NaN)
            console.log(typeof(NaN))       //NaN的数据类型依然是number
    
            //NaN 跟 任何值(包括0) 进行任何运算 结果依然是NaN
            console.log(NaN * 0);          //结果是NaN
    
            //NaN跟谁都不相等
            console.log(NaN == NaN)       //结果是false
    
    
            var num = 2344e1000;
    
            console.log(typeof(num))      //结果是infinity即无穷大
            console.log(num)              //数据类型依然为number
    
    
            console.log(isNaN(NaN))       //true
            console.log(isNaN('hello'))  //true
            console.log(isNaN('123')) // false 字符串'123' 转为number 的时候 是 123 不是NaN

### 2.2 String类型 ###

*  字符串是存储字符（比如 “Bill Gates”）的变量。
 *  字符串有length属性
 *  字符串可以是引号中的任意文本。您可以使用单引号或双引号(没有区别)。
 *  您可以在字符串中使用引号，只要不匹配包围字符串的引号即可。

var answer="It's alright";
    var answer="He is called 'Johnny'";
    var answer='He is called "Johnny"';

### 2.3 Boolean类型 ###

布尔（逻辑）只能有两个值：true 或 false。

var x=true;
    var y=false;

### 2.4 Null类型 和 Undefined类型 ###

1) Null类型  
被动产生  
null类型被看做空对象指针，前文说到null类型也是空的对象引用。

2)Undefined类型  
只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个  
变量的值就是undefined.

Undefined 这个值表示变量不含有值。  
可以通过将变量的值设置为 null 来清空变量。

cars=null;
    person=null;

## 二、三大引用类型 ##