JavaScript 基礎 (I) – 變數、型別、運算子

學習變數、資料型別與運算子。透過 BMI 計算器實作，

---

1 變數與資料型別

1.1 什麼是變數？

變數是程式中用來 儲存資料的容器，可以把它想成一個標籤盒子，用來存放數值、文字或布林值等資料。

---

1.2 變數宣告

JavaScript 提供兩種主要方式宣告變數：

let age = 20;       // 變數，以重新賦值
const pi = 3.14;    // 常數，不可改變

• let：宣告可變變數
• const：宣告常數
• 建議使用 const 優先，確保資料不被意外改動

---

1.3 基本資料型別

JavaScript 常見資料型別：

1. 數字(Number)

let score = 85;
let pi = 3.14;

注意1：JS 的數字都是 IEEE 754 雙精度浮點數 (64-bit floating point, double precision) 注意2：Number 的 安全整數範圍(±(2^53 - 1))

2. 字串(String)

let name = "Alice";    // 用 " 括起來
let food = 'Apple';    // 用 ' 括起來也可以
let mix = `${name} ${food}`; // 如果是用 ` 颳起來則可以用特殊的模版符號 ${} 將其他變數插入

3. 布林值(Boolean)

let isStudent = true;

4. 空值與未定義

let value = null;      // 空值
let data;              // 未定義 (undefined)

5. 大整數 (BigInt) BigInt 是 JavaScript 在 ES2020 新增的數字型別，用來表示 任意大小的整數。 它可以突破 Number 的 安全整數範圍(±(2^53 - 1))。

let a = 12345678901234567890n;   // 宣告方式再數字後面加上小寫的 n
let b = BigInt("12345678901234567890"); //或是用 BigInt 函數

注意1：大整數(BigInt)不可以與數字混用(Number)

---

2 算術運算子

運算子用來 計算、比較或組合資料

運算子	用法	範例	結果
=	指派	let x = 10;	把 10 放進 x
+	加法	5 + 3	8
-	減法	5 - 3	2
*	乘法	5 * 3	15
/	除法	10 / 2	5
%	取於數	10 % 3	1
**	次方	2 ** 3	8
++	累加1	let x = 5; x++	6
--	累減1	let x = 5; x--	4
+=	累加	let x = 5; x+=3	8
-=	累減	let x = 5; x-=3	2

---

2.1 算術運算子範例

let a = 10;
let b = 3;

console.log(a + b); // 加法: 13
console.log(a - b); // 減法: 7
console.log(a * b); // 乘法: 30
console.log(a / b); // 除法: 3.3333...
console.log(a % b); // 取餘數: 1
console.log(a ** b); //次方: a^b, 等同 Math.pow(a, b);

---

2.2 運算子應用範例

計算三科成績總分與平均：

let score1 = 90;
let score2 = 85;
let score3 = 78;

let sum = score1 + score2 + score3;
let avg = sum / 3;

console.log("總分:", sum);
console.log("平均分數:", avg);

---

2.3 ++ 與 -- 運算子

這兩個是 遞增 (increment) 與遞減 (decrement) 運算子，通常用在數字變數上。

2.3.1 前置運算子：++x、--x

• 先運算，再回傳值

let a = 5;
let b = ++a; // a = 6，然後回傳 6
console.log(a, b); // 6 6

let x = 5;
let y = --x; // x = 4，然後回傳 4
console.log(x, y); // 4 4

---

2.3.2 後置運算子：x++、x--

• 先回傳值，再運算

let a = 5;
let b = a++; // 先回傳 a=5，再讓 a+1
console.log(a, b); // 6 5

let x = 5;
let y = x--; // 先回傳 x=5，再讓 x-1
console.log(x, y); // 4 5

👉 常見錯誤：不小心搞混 ++x 和 x++，在迴圈或條件判斷中特別容易出錯。

---

2.4 += 與 -=

這些屬於 複合指定運算子 (compound assignment operators)，是縮寫形式。

2.4.1 +=：加法指定

let a = 10;
a += 5; // 等同於 a = a + 5
console.log(a); // 15

---

2.4.2 -=：減法指定

let b = 20;
b -= 7; // 等同於 b = b - 7
console.log(b); // 13

---

延伸：其他類似運算子

除了 += 與 -=

• *= → 乘法指定 (a *= 2; // a = a * 2)
• /= → 除法指定 (b /= 5; // b = b / 5)
• %= → 取餘數指定 (c %= 3; // c = c % 3)

---

2.4.3 前置 vs 後置

let x = 3;
console.log(x++); // 3
console.log(x);   // 4

let y = 3;
console.log(++y); // 4
console.log(y);   // 4

---

---

3 BMI 計算器基礎

BMI(Body Mass Index，身體質量指數)計算公式：

\begin{align} BMI = \frac{\text{體重(kg)}}{(\text{身高(m)})^2} \end{align}

---

3.1 範例程式(僅用算術運算)

let weight = 65; // 體重 (kg)
let height = 1.7; // 身高 (m)

let bmi = weight / (height * height);
console.log("你的 BMI:", bmi.toFixed(2)); // 保留兩位小數

• .toFixed(2) 保留小數點兩位

---

3 BMI 計算器基礎

📌 什麼是 BMI？

BMI (Body Mass Index，身體質量指數) 是一個常用來評估身體狀況的指標。公式如下：

\begin{align} BMI = \frac{\text{體重(kg)}}{(\text{身高(m)})^2} \end{align}

例如：

• 體重 = 70 kg
• 身高 = 1.75 m

那麼：

\begin{align} BMI = \frac{70}{1.75^2} = \frac{70}{3.0625} \approx 22.86 \end{align}

---

📌 JavaScript 中的變數

在 JavaScript 裡，可以用 let 或 const 來宣告變數：

• let：表示這個值之後還可能改變。
• const：表示這個值固定不變。

---

📌 BMI 計算程式 (基礎版)

// 宣告變數
let weight = 70;   // 體重 (公斤)
let height = 1.75; // 身高 (公尺)

// 運算：使用除法 / 和次方 **
let bmi = weight / (height ** 2);

// 輸出結果
console.log("你的 BMI 是: " + bmi);

執行後會輸出：

你的 BMI 是: 22.857142857142858

---