日期資料型態、變數、運算子、條件語句、Javascript 中的循環

JavaScript 資料型態：

在 JavaScript 中，資料型別定義了變數可以保存的值的型別。類型決定了可以對該值執行哪些操作。 JavaScript 既有原始資料型別（簡單值），也有引用資料型別（複雜物件）。

1. 原始資料型態：

這些是 JavaScript 中最基本的資料類型，它們保存單一值。它們是不可變的，這意味著一旦設定了它們的值，就不能更改它們。

a) Number：

表示整數和浮點數。

let x = 42;

b) String：

表示一系列字元。

let name = "Alice";

c) Boolean：

表示真或假。

let isActive = true;

d) Null：

表示故意沒有任何物件值。

let person = null;

e) Undefined：

指示已宣告但未賦值的變數。

let value;

f) Symbol：

一個唯一的識別碼。

const uniqueID = Symbol();

g) BigInt：

用來表示大整數。

let bigNum = 123n;

2. 引用資料型態：

這些資料型別比較複雜，儲存值集合或更結構化的資料。它們是可變的，這意味著即使引用保持不變，它們的內容也可以更改。

a) Object：

鍵值對的集合。

let person = {name: "John"};

b) Array：

值的排序集合。

let arr = [1, 2, 3];

c) Function：

執行任務的程式碼區塊。

function greet() {}

JavaScript 變數：

在 JavaScript 中，變數是用於儲存資料的命名容器，可以在整個程式碼中引用和操作這些資料。

變數可讓您儲存數字、字串、物件和函數等值。

1. 宣告變數：

在 JavaScript 中，變數使用三個關鍵字之一宣告：

var（舊方法，現在較少使用） let（區塊作用域，在 ES6 中引入） const（區塊作用域，用於常數，也在 ES6 中引入）

a) var（舊方法）：

var 關鍵字傳統上用於在 JavaScript 中宣告變數。

var name = "Alice"; var age = 25;

b) let（現代方法）：

區塊作用域意味著變數只能在其定義的區塊（例如，在 if 語句或循環內）中存取。

let name = "Bob"; let age = 30;

c) const（常數變數）：

const 關鍵字用於聲明在初始賦值後不應重新賦值的變數。

const country = "USA";

重新宣告變數：

使用 var： 您可以在同一作用域內重新宣告變數，JavaScript 不會拋出錯誤。

<code class="language-javascript">var name = "Alice";
var name = "Bob";  // 没有错误
console.log(name);  // 输出：Bob</code>

使用 let 和 const： 您不能在同一作用域內重新宣告變數。這樣做會導致 SyntaxError。

<code class="language-javascript">let name = "Alice";
let name = "Bob";  // SyntaxError: Identifier 'name' has already been declared</code>

<code class="language-javascript">const country = "USA";
const country = "Canada";  // SyntaxError: Identifier 'country' has already been declared</code>

JavaScript 運算子：

在 JavaScript 中，運算子是執行運算元運算的符號或關鍵字。

1. 算術運算子：

這些運算子用於對數值執行數學運算。

<code>+               加法                        5 + 3 → 8
-               减法                        5 - 3 → 2
*               乘法                        5 * 3 → 15
/               除法                        5 / 3 → 1.6667
%               取模（除法的余数）        5 % 3 → 2
**              幂运算（乘方）              2 ** 3 → 8
++              递增（加 1）                let x = 5; x++ → 6
--              递减（减 1）                let x = 5; x-- → 4</code>

2. 賦值運算子：

這些運算子用於將值賦給變數。

<code>=               简单赋值                     let x = 10;
+=              加法赋值                     x += 5; → x = x + 5;
-=              减法赋值                     x -= 5; → x = x - 5;
*=              乘法赋值                     x *= 5; → x = x * 5;
/=              除法赋值                     x /= 5; → x = x / 5;
%=              取模赋值                     x %= 5; → x = x % 5;
**=             幂赋值                       x **= 2; → x = x ** 2;</code>

3. 比較運算子：

這些運算子用於比較兩個值並傳回布林值（true 或 false）。

<code>==              等于                          5 == "5" → true
===             全等                          5 === "5" → false
!=              不等于                        5 != "5" → false
!==             不全等                        5 !== "5" → true
>               大于                          5 > 3 → true
>=              大于等于                      5 >= 3 → true
<               小于                          5 < 3 → false
<=              小于等于                      5 <= 3 → false</code>

4. 邏輯運算子：

這些運算子用於執行邏輯運算，通常使用布林值。

<code>&&              逻辑与                        true && false → false
||              逻辑或                        true || false → true
!               逻辑非                        !true → false</code>

JavaScript 條件語句：

在 JavaScript 中，條件語句用於根據特定條件是否為真或假來執行不同的操作。

1. if 語句

if 語句是最基本的條件語句。如果指定的條件計算結果為真，則執行程式碼區塊。

文法：

<code class="language-javascript">if (condition) {
    // 如果条件为真，则执行的代码块
}</code>

2. else 語句

else 語句跟在 if 語句之後，定義一個程式碼區塊，如果 if 語句中的條件為假，則執行該程式碼區塊。

文法：

<code class="language-javascript">if (condition) {
    // 如果条件为真，则执行的代码块
} else {
    // 如果条件为假，则执行的代码块
}</code>

3. else if 語句

else if 語句可讓您測試多個條件。當您需要檢查多個條件時使用它。

文法：

<code class="language-javascript">if (condition1) {
    // 如果 condition1 为真，则执行的代码块
} else if (condition2) {
    // 如果 condition2 为真，则执行的代码块
} else {
    // 如果 condition1 和 condition2 都为假，则执行的代码块
}</code>

4. 巢狀 if 語句

您可以將 if 語句嵌套在其他 if 語句中以建立更複雜的條件。

5. switch 語句

switch 語句是測試值與多個條件的更有效的方法，尤其是當您有很多不同的可能結果時。

文法：

<code class="language-javascript">switch (expression) {
    case value1:
        // 如果 expression === value1，则运行的代码
        break;
    case value2:
        // 如果 expression === value2，则运行的代码
        break;
    default:
        // 如果没有 case 匹配，则运行的代码
}</code>

JavaScript 循環：

在 JavaScript 中，循環用於只要滿足特定條件就重複執行程式碼區塊。當您想要執行重複性任務（例如迭代數組或多次執行程式碼區塊）時，這很有用。

1. for 迴圈

for 迴圈是 JavaScript 最常見的迴圈。當您知道要迭代程式碼區塊多少次時，通常會使用它。

文法：

<code class="language-javascript">for (initialization; condition; increment/decrement) {
    // 每次迭代中要执行的代码
}</code>

2. while 循環

while 迴圈只要指定的條件計算結果為真就執行程式碼區塊。在每次迭代之前檢查條件，並且一旦條件變為假，循環就會停止。

文法：

<code class="language-javascript">while (condition) {
    // 只要条件为真就执行的代码
}</code>

以上是日期資料型態、變數、運算子、條件語句、Javascript 中的循環的詳細內容。更多資訊請關注PHP中文網其他相關文章！