【JS學習筆記 01】JS中的資料類型

JS的資料類型簡要

• JavaScript 資料類型
• • JS擁有動态類型
  • JavaScript 的字元串
  • JavaScript的數字類型
  • JavaScript 布爾類型
  • • • • 隐式轉換
        • 顯式轉換
  • JavaScript 數組
  • • • • 怎麼建立數組
        • 通路數組
        • JS數組允許存入不同類型的值
  • JavaScript 對象
  • • • • JavaScript 的對象花括号表示
  • JavaScript Null
  • JavaScript Undefined

剛剛開始學習JS，這是在網上自學JS時寫的一份JS學習筆記，本節内容隻是對JS中的幾個資料類型進行簡要描述

JavaScript 資料類型

• 字元串（String）
• 數字(Number)
• 布爾(Boolean)
• 數組(Array)
• 對象(Object)
• 空（Null）
• 未定義（Undefined）

JS擁有動态類型

JavaScript 擁有動态類型。這意味着相同的變量在不同的情景下可能會變成不同的類型

var x;               	// x 為 undefined
var x = 5;              // 現在 x 為數字
var x = "John";  		// 現在 x 為字元串
           

JavaScript 的字元串

JavaScript中的字元串可以使用單引号（’’）或者雙引号（""） ,

還可以使用反引号（``) 結合 ${ } 來表示格式化字元串(類似C#中格式化字元串)

//使用‘’ 和“”來表示字元串
let str1 = "this is a string"
let str2= ' this is a string'
//格式化字元串 将在字元串格式化記錄a的值
let a = 10;
let str3 = `a is ${a}`  
//使用格式化字元串可以直接在字元串中内嵌js代碼使用變量a
let b = 9;
let str4 = `a + b = ${a + b}` ;
           

可以在控制台上看到輸出結果：

JavaScript的數字類型

JavaScript 對于數字隻提供了一種類型，數字可以表示整數，也可以表示浮點數

let x1 = 32.12 ;
 let x2 = 32 ; 
           

JavaScript 布爾類型

隻有兩個值 true 和 false

隐式轉換

基本上所有js 對象都可以轉換為boolean 類型

資料類型	true	false
string	非空字元串	空字元竄
Number	非零的數值	0，NaN
Array	數組不參與比較時	參與比較的空數組
object	所有對象
undefine	無	undefine
null	無	null
NaN	無	null

顯式轉換

使用!!轉換為boolean類型

let str = '';
console.log(!!str); //false
let num = 0;
console.log(!!num); //false
let n = null;
console.log(!!n); //false
let d = new Date("2020-2-22 10:33");
console.log(!!d); //true
           

JavaScript 數組

怎麼建立數組

準确來說JS中的數組可以了解為對象類型

建立數組的方式有以下幾種：

//通過New實作定義一個空數組,通過索引初始化
let arr = new Array();
arr[0] = 5201314;
arr[1] = "str";
//通過new 建立一個長度為20的數組
let arr1 = new Array(10);
//初始化數組的方式建立一個數組
let arr2 = new Array(5201314,"str",true,false,undefined,NaN);
//也可以省略New直接初始化
let arr3 = [5201314,"str",true,false,undefined,NaN];
           

通路數組

通過指定數組名以及索引号碼，你可以通路某個特定的元素。

let arr = new Array();
arr[0] = 5201314;
           

JS數組允許存入不同類型的值

下面的例子可以展示js數組可以存入不同值類型的值

JavaScript 對象

JavaScript 的對象花括号表示

var John = 
{
   fristname : "John",
   lastname : "Doe",
   id = 1234
};
           

JavaScript Null

Null類型是隻有一個值的資料類型，這個特殊的值是null，從邏輯角度來看，null值表示一個空對象指針，而這也正是使用typeof操作符檢測null值會傳回“object”的原因。

Null的具體資訊可以參考JS中六種資料類型——Null

JavaScript Undefined

undefined值是派生自null值的，是以ECMA-262規定對他們的相等測試要傳回true