首頁 >web前端 >js教程 >Javascript-資料型別、變數、運算子、條件語句、迴圈任務

Javascript-資料型別、變數、運算子、條件語句、迴圈任務

Barbara Streisand
Barbara Streisand原創
2025-01-22 14:31:10234瀏覽

JavaScript 基礎:資料型態、變數、運算子與控制流

本文檔簡要概述了 JavaScript 的基本概念,包括資料類型、變數、運算子和控制流程結構。

資料型態:

資料型別對變數可以保存的值的型別進行分類。 JavaScript 的八種主要資料類型可實現高效的資料處理和處理。

  1. 字串: 表示文字資料(例如「Hello」)。
  2. 數字:代表數值資料(例如,10、3.14)。
  3. BigInt: 表示任意大的整數。
  4. 布林值: 代表真值(true 或 false)。
  5. 未定義:表示變數已宣告但未賦值。
  6. Null: 表示有意缺少某個值。
  7. 符號:建立唯一且不可變的值。
  8. 物件:表示複雜的資料結構。

變數:

變數是值的命名儲存位置。 JavaScript 提供了幾種宣告變數的方法:

  • 自動聲明: x = 5;(隱式聲明,為了清晰起見通常不鼓勵)。
  • var: var x = 5;(函數範圍,舊式,謹慎使用)。
  • let: let x = 5;(區塊範圍,允許重新分配)。
  • const: const x = 5;(區塊範圍,防止初始化後重新分配;非常適合常數)。

varletconst

  1. 總是明確宣告變數。 避免隱式聲明。
  2. 首選 const: 使用 const 除非值需要更改。 這包括數組和物件(它們的內容可以修改,但變數本身不能重新分配)。
  3. 僅在必要時使用let僅當let因需要重新分配而不合適時才使用const
  4. 在現代 JavaScript 中避免 var var 具有函數作用域,這可能會導致意外的行為。保留它只是為了與非常舊的瀏覽器相容。

操作員:

JavaScript 運算子執行各種計算。 下圖提供了常見運算符的直觀表示:

Javascript-Datatypes,Variables, Operators,Conditional statement ,Looping-Tasks

條件語句:

條件語句依照條件控制執行流程。

  • if: 若條件為真,則執行程式碼區塊。

    <code class="language-javascript"> if (hour < 12) {
         console.log("Good morning");
     }</code>
  • else: 如果前面的 if 條件為 false,則執行程式碼區塊。

    <code class="language-javascript"> if (hour < 12) {
         console.log("Good morning");
     } else {
         console.log("Good afternoon");
     }</code>
  • else if: 如果前面的 ifelse if 條件為假,則測試附加條件。

    <code class="language-javascript"> if (time < 10) {
         console.log("Good morning");
     } else if (time < 20) {
         console.log("Good day");
     } else {
         console.log("Good evening");
     }</code>
  • switch:(此處不詳細說明,但提供了處理多種條件的簡潔方法)。

循環:

在條件成立時循環重複執行程式碼區塊。

1。 while循環:

只要指定條件為真,while 迴圈就會繼續。

範例:

<code class="language-javascript">// Output: 5 4 3 2 1
let no = 5;
while (no > 0) {
  console.log(no);
  no--;
}

// Output: 1 2 3 4 5
let no = 1;
while (no <= 5) {
  console.log(no);
  no++;
}

// Output: 0 2 4 6 8 10
let no = 0;
while (no <= 10) {
  console.log(no);
  no += 2;
}

// Output: 10 8 6 4 2 0
let no = 10;
while (no >= 0) {
  console.log(no);
  no -= 2;
}</code>

此修訂後的回應對所提供的 JavaScript 概念提供了更結構化和全面的解釋。 程式碼範例也得到了改進,更加清晰和準確。

以上是Javascript-資料型別、變數、運算子、條件語句、迴圈任務的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn