iT邦幫忙

2024 iThome 鐵人賽

DAY 6
0
JavaScript

學習網頁的眉眉角角系列 第 6

JavaScript 基本語法:變數與資料型別

  • 分享至 

  • xImage
  •  

在前一天的文章中,了解了 JavaScript 的用途以及它在網頁中的角色。今天,將深入一點,學習 JavaScript 中最基礎的部分——變數和資料型別。這些是寫任何程式碼的基礎,讓我們能夠儲存和操作資料。

什麼是變數?
變數可以理解為一個「容器」,它是用來儲存資料。當需要在程式中使用某些資訊時,可以把這些資訊儲存在變數中,然後根據需要隨時調用。

在 JavaScript 中,我們可以用 var、let 和 const 來宣告變數:

  • 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 的基本語法,包括變數的宣告方式以及不同的資料型別。變數是程式中的基本概念,可以讓我們儲存和操作不同的資料。接下來,我將學習更多關於如何使用這些變數來進行程式設計的概念,包括控制流程和邏輯運算,來使一個網站的內容看起來更豐富。


上一篇
Day 5 :「JavaScript」 讓網頁動起來的語言
下一篇
Day 7 :JavaScript 「控制流程」條件判斷與循環
系列文
學習網頁的眉眉角角17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言