JS基礎-數據類型

JS 作為弱類型的編程語言， 在聲明變數時，統一使用 var、const、或者let關鍵字。但是每個變數都有一個隱式的數據類型。

數據類型檢測

使用 typeof 關鍵字可以檢測數據類型。

<script>
			// 檢測數字類型
      console.log(typeof(3));
</script>

Number 數字類型

• 整形、浮點型在內的所有數字，都是數字類型。

typeof 5
typeof 15.1

• 浮點數如果整數部分是0，可以省略。

.3
typeof .3

• 數字可以使用科學計數法表示。

2e4 // 20000
typeof 2e4;

2e-4; //0.0002
typeof 2e-4

NaN

NaN 代表運算結果不是一個數字。

• 特殊的數值型類型， 表示不是一個數字，但是此值的類型卻是一個數值類型。

// 輸出Number
typeof NaN

• 在數學運算中，若數字類型的運算不能得到數字，其結果往往都是NaN。

// 輸出 NaN
1/Boolean

• NaN 不自等 ，即NaN不等於NaN。

// 輸出 false
NaN == NaN 

字元串類型

由引號包裹的（可以是單引號也可是雙引號）若幹個字元組成的集合就是字元串。字元串通常表示一段文字。

特性

• • 加號可以拼接多個字元串。

    <script>
      var a = 'hello';
      var b = ' workd';
      console.log(a + b);
    </script>
    

• 模板字元串，用反引號表示。可以嵌入變數，在運行時會被解析替換。

var a = 'halou';
// 輸出 heihe halou world
console.log(`heihe ${a} world`)

• 空字元串, 引號當中沒有任何值。

console.log('');

• 字元串屬性 length ，表示字元串的長度。

var a = 'woshi';
console.log(a.length);

常用方法

• charAt()

  獲取指定位置字元，傳入字元串索引位置，找到對應字元；傳入超過字元串長度的索引返回空字元串。

<script>
var a = 'hello';
console.log(a.charAt(1));
</script>

• substring(indexA, indexB)

  提取子串, 如果 indexA > indexB , 則取子串 [indexA, indexB)；

  如果參數 indexB > indexA ，則取子串 [indedB, indexA) ；

  如果省略第二個參數，表示截取到字元串結尾。

<script>
    var str = 'halouworld';

    // 輸出 al
    console.log(str.substring(1, 3));
    // 輸出 al
    console.log(str.substring(3, 1));

    // 從下標位置3開始截取到結尾
    console.log(str.substring(3));

</script>

• substr(index, length)

  提取子串， 從第一個參數index索引位置開始， 長度為 length 的子串；

  length 參數可以省略， 表示到字元串結尾；

  index 可以為負數 ，表示倒數位置（字元串右邊第一個值的下標為 -1 ，依次為 -1 , -2 ….）。

```
<script>
  var str = 'wearehuman';
  // 輸出weare
  console.log(str.substr(0, 5));
  // 輸出 wearehuman
  console.log(str.substr(0));

  // 輸出 hum ， index 雖然可以為負數， 但是還是字元串的左邊向右崛起
  console.log(str.substr(-5, 3));
</script>
```

• slice(indexA, indexB)

  提取子串（切片）, [indexA, indexB) ；

  indexB 可以省略, 表示到字元串結尾；

  indexA 參數也可以為負數， 類似 substr 函數；

  參數indexA 必須小於 indexB。

  <script>
    var str = 'wearehuman';
    // ea
    console.log(str.slice(1, 3));
    // earehuman
    console.log(str.slice(1));
    // a
    console.log(str.slice(-2, -1));
  
    // 當 indexA 小於 indexB 時， 輸出空字元
    console.log(str.slice(2, 1));
  
  </script>
  

• toUppderCase

  將字元串變為大寫。

  <script>
    var str = 'wearehuman';
    // 輸出 WEAREHMMAN
    console.log(str.toLocaleUpperCase());
  </script>
  

• toLowerCase

  將字元轉成小寫字母。

  <script>
      var str = 'weareHMman';
  		// 輸出 wearehuman
      console.log(str.toLowerCase());
  </script>
  

常用函數總結

布爾類型

布爾值只有兩個 ，true（真）和false（假）

<script>
  var bool = (10 > 20);
  // 輸出 true
  console.log(bool);
  // 輸出 boolean
  console.log(typeof bool);
</script>

undefined

主打一個未定義， 一個沒有經過初始化的變數，預設值是 undefined 。預設值 undefined  指向的數據類型 也叫 undefined  。

<script>
    var undi ;
    // 輸出 undefined
    console.log(undi);
    // 輸出 undefined
    console.log(typeof undi);

</script>

null

表示被置空的對象， 如果一個對象在經過運算後， 沒有得到任何值， 那麼就可以賦值為null。

不過 null 用 typeof 檢測 得到 的卻是 object 類型 。null 既是一種數據類型，但它的類型卻是object 不知道在搞啥子

<script>
      var emp = null ;
      // 輸出 null
      console.log(emp);
      // 輸出 類型object
      console.log(typeof emp);

  </script>

總結

在js中還有很多複雜的類型， 例如 function, object ， 這些預計會留到後面寫。

以下是本文中涉及的數據類型。

微信公眾號