iT邦幫忙

2021 iThome 鐵人賽

DAY 30
0
自我挑戰組

從零開始前端學習(HTML、CSS、JavaScript) 系列 第 30

Day 30 JavaScript < 簡易數據類型介紹 & End>

1. 數據類型簡介

1-1 為什麼需要數據類型

在電腦中,不同的數據所需佔用的空間是不同的,為了方便把數據分成所需內存大小不同的數據,充分利用儲存空間,於是定義了不同的數據類型。

簡單來說,數據類型就是數據的類別型號。

比如姓名:"金城武" 年齡:18,姓名以及年齡中數據的類型就是不一樣的。

1-2 變量的數據類型

變量是用來存數值的所在處,他們有名子和數據類型。變量的數據類型決定了如何將代表這些值得位存儲到電腦的內存中。

Javascript 是一種弱類型(弱型別)或著稱為動態語言。

這代表著不用提前聲明變量的類型,在程序運行過程中,類型會自動被確定。

var age = 10 ; //這是一個數字型
var sample = '範例' //這是一個字符串

在代碼運行時,變量的數據類型是由JS根據=右邊變量值的數據類型來判斷的,運行完畢之後,變量就確定了數據類型。

JavaScript擁有動態類型,同時代表著相同的變量可用做不同的類型:

var x = 6; //x為數字
var x = 'Bill'; //x為字符串
1-3 數據類型的分類

JS把數據類型分為兩類 :

  • 簡單數據類型 ( Number , String , Boolean , Undefined , Null)
  • 複雜數據類型 ( object)

2. 簡單數據類型

2-1 JavaScript 中的簡單數據類型分為四類 :
  • 數字型 Number
  • 字符串型 String
  • 布林型 boolean
  • undefined 和 null
2-2 數字型Number

JavaScript 數字類型可以用來保存整數值,也可以保存小數(浮點數)

var age = 21; //整數
var Age = 21.2757; //小數
2-3 字符串型 String

字符串型可以是引號中的任意文本,其語法為雙引號" " 和 單引號 ' '

    // 字符串型
    var king = "金城武" ; // 使用雙引號表示字符串
    var king2 = "金城武2"; // 使用單引號表示字符串
    //常見錯誤
    var king3 = 金城武最帥; //報錯,沒使用引號,會被認為是js代碼,但js沒有這些語法

JS中推薦使用單引號

2-4 布林型 boolean

布林類型有兩個值,true和flase 其中true代表真(對),false表示假(錯)

    var flag = true; //flag 布林型  =1
    var flag1 = false; //flag1 布林型 =0
    console.log(flag + 1); // =2 true 參與+法運算當1來看
    console.log(flag1 + 1); // =1 flase 參與+法運算當0來看
undefined 和 null

一個聲明後沒有被賦值的變量會有一個默認值undefined (進行相連或相加需要注意結果)

    //如果一個變量聲明未賦值 就是underfined 為定義數據類型
    var str;
    console.log(str);
    var variable = undefined;
    console.log(variable + '金城武'); //underfined金城武
    console.log(variable + 1); //NaN
    //NULL 空值
    var space = null;
    console.log(space + '金城武'); //null金城武
    console.log(space + 1); // = 1

鐵人賽End

藉由這次鐵人賽學習到了很多東西,下次會準備好更完整更充實的內容跟大家分享。


上一篇
Day 29 JavaScript < 書寫方式>
系列文
從零開始前端學習(HTML、CSS、JavaScript) 30

尚未有邦友留言

立即登入留言