在前一天的文章中,了解了 JavaScript 的用途以及它在網頁中的角色。今天,將深入一點,學習 JavaScript 中最基礎的部分——變數和資料型別。這些是寫任何程式碼的基礎,讓我們能夠儲存和操作資料。
什麼是變數?
變數可以理解為一個「容器」,它是用來儲存資料。當需要在程式中使用某些資訊時,可以把這些資訊儲存在變數中,然後根據需要隨時調用。
在 JavaScript 中,我們可以用 var、let 和 const 來宣告變數:
範例:
let name = "Alice"; // 使用 let 宣告可以更改的變數
const age = 25; // 使用 const 宣告不可更改的變數
在這裡,我們宣告了一個變數 name,儲存了字串 "Alice",和一個不可更改的變數 age,儲存了數字 25。
資料型別
JavaScript 有幾種主要的資料型別,每一種型別可以儲存不同形式的資料。這些資料型別包括:
1.字串(String):用來儲存文字資料。
let message = "Hello, world!";
2.數字(Number):用來儲存數字,可以是整數或浮點數。
let count = 10;
let price = 99.99;
3.布林值(Boolean):只有兩個可能的值,true 或 false,用來表示是非判斷。
let isLoggedIn = true;
4.陣列(Array):用來儲存一組資料,這組資料可以是相同或不同類型的。
let fruits = ["Apple", "Banana", "Cherry"];
5.物件(Object):用來儲存更多複雜的資料,可以包含多個鍵值對。
let person = {
name: "Alice",
age: 25,
city: "Taipei"
};
基本操作與運算符
JavaScript 提供了多種運算符,讓我們能夠對變數進行操作:
1.算術運算符:
加法(+)、減法(-)、乘法(*)、除法(/)、餘數(%)。
例子:
let total = 5 + 3; // 結果為 8
let difference = 10 - 2; // 結果為 8
2.比較運算符:
用於比較值,結果為布林值(true 或 false)。
等於(==)、嚴格等於(===)、不等於(!=)、大於(>)、小於(<)等。
例子:
let isEqual = (5 == 5); // 結果為 true
let isGreater = (10 > 5); // 結果為 true
總結
今天,學習了 JavaScript 的基本語法,包括變數的宣告方式以及不同的資料型別。變數是程式中的基本概念,可以讓我們儲存和操作不同的資料。接下來,我將學習更多關於如何使用這些變數來進行程式設計的概念,包括控制流程和邏輯運算,來使一個網站的內容看起來更豐富。