高三（4）数据类型

╰半橙微兮° 2021-09-19 03:18 204阅读 0赞

ECMAScript 有5种简单的数据类型（基本数据类型) : Undefined, Null, Boolean, Number 和 String。还有一种复杂数据类型Object，本质上是由一组无序的名值对组成的

typeof 操作符

鉴于 ECMAScript 是松散类型的， 因此需要有一种手段来检测给定变量的数据类型——就是typeof

"undefined"—— 如果这个值未定义

"boolean"——如果这个值是布尔值

"string"——如果这个值是字符粗

"number"——如果这个值是数值

"object"——如果这个值是对象或null

"function"——如果这个值是函数

**ps : typeof 是一个操作符而不是函数，因此后面的圆括号尽管可以使用，但不是必须的**

var str = "hello"
    typeof str
    typefo (str)  // 括号可以不要

ps : 从技术角度讲，函数在ECMAScript中是对象，不是一种数据类型。然而，函数也确实有一些特殊的属性，因此通过 typeof 操作符来区分函数和其他对象是有必要的。

## ##

### 1. Undefined 类型 ###

Undefined 类型只有一个值，即特殊的undefined。在使用 var 声明变量但未对其加以初始化时，这个变量就是undefined。

var msg = undefined;
    alert(msg == undefined);  // true
    
    // 虽然可以使用undefined初始化变量msg。但是不推荐这样做，因为未经初始化的值默认就会取得undefined值。

## 2.  Null 类型 ##

null 类型是第二个只有一个值的数据类型，这个特殊的值是null。

typeof null;  // "object"

实际上，undefined值是派生自 null 值的，因此

null == undefined;  // true

ps : 尽管 null 和 undefined 有这样的关系，但是他们的用途完全不同。不管什么情况下都没有必要把一个变量的值显示地设置为undefined。换句话说，只要变量还没有值时，就定义null。这样做可以体现null作为空对象指针的惯例。

### 3.Boolean 类型 ###

Boolern 类型是 ECMAScript 中使用得最多的一种类型，他只有两个字面值： true 和 false（区分大小写，True和False都不是Boolean值，只是标识符）。

注意 ： 虽然 Boolean 类型的字面值只有两个， 但是ECAMScript中所有类型的值都有与这两个Boolean值等价的值。

// 方法
    var msg = "hello";
    var msgBoolean = Boolean(msg);  // true

下面是对应的转换规则 ：

<table style="width:500px;"> 
 <thead> 
  <tr> 
   <th>数据类型</th> 
   <th>转换为 true 的值</th> 
   <th>转换为 false 的值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Boolean</td> 
   <td>true</td> 
   <td>false</td> 
  </tr> 
  <tr> 
   <td>String</td> 
   <td>任何非空字符串</td> 
   <td>“”（空字符串）</td> 
  </tr> 
  <tr> 
   <td>Number</td> 
   <td>任何非零数字值（包括无穷大）</td> 
   <td>0和NaN&nbsp;</td> 
  </tr> 
  <tr> 
   <td>Object</td> 
   <td>任何对象</td> 
   <td>null</td> 
  </tr> 
  <tr> 
   <td>Undefined</td> 
   <td>不适用</td> 
   <td>undefined</td> 
  </tr> 
 </tbody> 
</table>

###  4.  Number 类型 ###

Number 类型是 ECMAScript 中最令人关注的数据类型了，这种类型使用 IEEE754 格式来表示整数和浮点数值。

为支持各种数值类型，ECMA-262 定义了不同的数值字面量格式。

1.  最基本的数值字面量格式是**十进制整数.**  
     
    
        var intNum = 10;  // 整数
    
     
2.  **八进制**。其中，**八进制第一位必须是零（0），**然后八进制序列（0~7）。如果字面值的数值范围超出范围，前导零将被忽略，后面的数值将被当作十进制数值解析。
    
        var octalNum1 = 070;  // 八进制的56
        var octalNum1 = 079;  // 无效的八进制数值————解析为79
        var octalNum1 = 08;   // 无效的八进制数值————解析为8
    
    ps: 八进制字面量在严格模式下是无效的，会报错。
3.  **十六进制**。 十六进制字面值的前两位必须是**0x,** 后跟任何十六进制数字（0~9及A~F）。其中，字母A~F可以大写，也可以小写。  
     
    
        var hexNum1 = 0xA;  // 十六进制的10
        var hexNum2 = 0x1f;  // 十六进制的31

*  ** 浮点数值**  
      
    所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字。  
     
    
        var floatNum1 = 1.1;
        var floatNum2 = 0.1;
        var floatNum3 = .1;  // 有效，但不推荐
    
    因为保存浮点数值需要的内存空间是保存整数数值的两边，因此 ECMAScript 会不失时机的将浮点小数转换为整数值，如：
    
        var floatNum1 = 1.;    // 小数点后面没有数字————解析为1
        var floatNum1 = 10.0;  // 整数————解析为10
    
    对于极大或者极小的数值，可以用 e 表示法表示浮点数值。
    
        var floatNum = 3.125e7;  // 等于31250000 ， 就是3.125*10的7次方
        var floatNum = 3e-7;     // 等于0.0000003
    
    > ps : 浮点数值的最高精度是17位小数，但在进行算术计算时其精确度远远不如整数。例如，0.1加0.2的结果不是0.3，而是0.30000000000000004. 因此永远不要测试某个特定的浮点数值。  
    >   
    > **关于浮点数值计算会产生舍入误差的问题，有一点需要明确：这是使用基于 IEEE754 数值的浮点计算的通病，ECMAScript 并非独此一家；其他使用相同数值格式的语言也存在这个问题。**
 *  **数值范围**  
      
    ECMAScript 由于内存限制并不能保存世界上所有的数值。ECMAScript 最小值保存在 Number.MIN\_VALUE,在绝大多数浏览器中，这个值是5e-324; 最大值Number.MAX\_VALUE中, 大多浏览器中的值是1.7976931348623157e+308。如果超出JavaScript数值范围的值，将被自动转换成特殊的Infinity值。如果这个值是负数就是-Infinite（负无穷），如果是正数就是Infinite（正无穷）。  
      
    判断是否在范围内，一个函数 isFinite() ,在范围内返回true,不在返回false
    
        var num = Number.MAX_VALUE+Number.MAX_VALUE;
        alert(isFinite(num))  // false
 *  **NaN**  
      
    NaN, 即非数值（Not a Number) 是一个特殊的数值，这个数值用于表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误了）。  
      
    NaN 任何操作 (NaN/10) 都会返回NaN, 其次 NaN 与任何值都不相等， 包括NaN本身  
      
    针对这两个特点， ECMAScript 定义了 isNaN() 函数，该参数可以是任何类型，而该函数会帮我们确定这个参数是否“不是数值“。

### 5.  String 类型 ###

String 类型用于表示用零或多个16位 Unicode字符组成的字符序列，即字符串。

字符串用单引号或者双引号都可以，ECMAScript 这两种形式中并没有什么区别。

var str = "hello";
    var str1 = 'world';

*  **字符字面量**  
      
    特殊字符

<table style="width:500px;"> 
 <thead> 
  <tr> 
   <th>字面量</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>\n</td> 
   <td>换行</td> 
  </tr> 
  <tr> 
   <td>\t</td> 
   <td>制表</td> 
  </tr> 
  <tr> 
   <td>\b</td> 
   <td>退格</td> 
  </tr> 
  <tr> 
   <td>\r</td> 
   <td>回车</td> 
  </tr> 
  <tr> 
   <td>\f</td> 
   <td>进纸</td> 
  </tr> 
  <tr> 
   <td>\\</td> 
   <td>斜杠</td> 
  </tr> 
  <tr> 
   <td>\'</td> 
   <td>单引号</td> 
  </tr> 
  <tr> 
   <td>\"</td> 
   <td>双引号</td> 
  </tr> 
  <tr> 
   <td>\xnn</td> 
   <td>十六进制代码 nn 表示字符（0~F）</td> 
  </tr> 
  <tr> 
   <td>\unnnn</td> 
   <td>十六进制代码 nnnn 表示一个Unicode字符</td> 
  </tr> 
 </tbody> 
</table>

*  **转换为字符串**

**toString() 方法 和 String() 方法**

数值，布尔值，对象和字符串值都有toString()方法。**但是null和undefined值没有这个方法。**

多数情况该方法不用传参，在调用数值的toString() 方法时可以传参数,对应可以输出二进制，八进制，十六进制

var num = 10;
    num.toString();      // "10"
    num.toString(2);     // "1010"
    num.toString(8);     // "12"
    num.toString(10);    // "10"
    num.toString(16);    // "a"

String() 可以转换null和undefined

String(null);        // "null"
    String(undefined);   // "undefined"

ps : 还有一个转换字符串的方法， 就是值类型后面 + " "

### 6.  object 类型 ###

ECMAScript中的对象其实就是一组数据和功能的集合。

定义对象 ：

var obj = new Object();  //括号可以省略，但是不推荐