JavaScript - 談談資料型別

原始型別

• String
• Number
• Boolean
• Null
• Undefined
• Symbol：ES6/2015 之後出現
• BigInt：ES11/2020 之後出現，適用於當數值非常非常大，單純使用 Number 難以負荷時就會使用該型別。

字串 String

console.log("It's a dog."); //"It'is a dog."
console.log('It's a dog.'); //error //英文句子中重複出現單引號，導致 JS 認為語法錯誤
console.log("It is a dog.'); //error //混合使用單引號和雙引號，導致 JS 認為語法錯誤

console.log("奶油義大利麵"); //"奶油義大利麵"
console.log(奶油義大利麵); //error //JS認為是在呼叫變數，會報錯

數字 Number

布林 Boolean

Undefind 與 Null 的差異

let mother;
console.log(typeof mother); //Undefined

物件型別

• 物件 Object
• 陣列 Array
• 函式 Function

物件 Object

let family = {
　　father: "Mark", //father 是 key，"mark" 是 value
　　mother: "Alice",
　　dog: "Momo"
}

陣列 Array

let drinks = ["可口可樂", "可爾必思", "珍珠奶茶"]

陣列和物件也可以混合使用

let store = {
　　boss: "Tina",
　　drinks: ["卡布奇諾", "黑咖啡", "珍珠奶茶"],
　　customer: 20
}
let stores = [
　　{
　　　　storeName: "朵朵咖啡廳",
　　　　boss: "Tina",
　　　　drinks: ["卡布奇諾", "黑咖啡", "珍珠奶茶"],
　　　　customer: 20　　
　　},
　　{
　　　　storeName: "桑心酒吧",
　　　　boss: "Gray",
　　　　drinks: ["啤酒", "長島青茶", "威士忌"],
　　　　customer: 20
　　},
]

查詢型別

使用 typeof 方法

console.log(typeof "Alice"); //String
console.log(typeof 123); //Number
console.log(typeof true); //Boolean
console.log(typeof undefined); //Undefined
console.log(typeof null); //Object // why?

console.log(typeof []); //Object
console.log(typeof {}); //Object
console.log(typeof function(){}); //function //why?

1. [ ] 和 { } 出來的結果都是 Object，要怎麼判斷它是陣列還是物件呢？
2. 為什麼會出現 Function 型別？不屬於原始型別的，應該都會是物件型別？

使用其他方法查詢型別

console.log(Array.isArray([])); //true
console.log(Array.isArray({})); //false

console.log(Object.prototype.toString.call("Mina")); //[object String]
console.log(Object.prototype.toString.call(123)); //[object Number]
console.log(Object.prototype.toString.call(undefined)); //[object Undefined]
console.log(Object.prototype.toString.call(null)); //[object Null]
console.log(Object.prototype.toString.call([])); //[object Array]
console.log(Object.prototype.toString.call({})); //[object Object]
console.log(Object.prototype.toString.call(function(){})); //[object Function]