」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > JavaScript 資料類型

JavaScript 資料類型

發佈於2024-11-15
瀏覽:746

JavaScript Data Types

JavaScript 資料類型

JavaScript提供了不同的資料類型來保存各種值。 JavaScript 有兩種主要的資料型態。

  1. 原型
  2. 非原始型

原始資料類型

JavaScript 提供的預先定義資料型別稱為原始資料型別。原始資料型別也稱為內建資料型別。它們可以保存一個簡單的值。

String、Number、BigInt、Boolean、undefined、null 和 Symbol 是 JavaScript 中的原始資料類型。

數字資料型

JavaScript中的數字型別包含整數和浮點數。除了這些數字之外,JavaScript 中還有一些特殊數字,例如 Infinity-InfinityNaN(非數字)。

let x = 20;
let y= 15;

console.log(x   y); // Output: 35
console.log(typeof (x   y)); // Output: number

字串資料類型

字串表示文字資料。它包含一個字元序列。例如,「hello」、「JavaScript」等。在 JavaScript 中,字串用引號括起來:

  • 單引號:'你好'
  • 雙引號:“你好”
  • 反引號:你好
// string enclosed within single quotes
let language = 'JavaScript';
console.log(language) // Output: JavaScript

// string enclosed within double quotes
let frameWork = "React";
console.log(frameWork); // Output: React

// string enclosed within backticks
let message = `${frameWork} is a ${language} framework`;
console.log(message); // Output: React is a JavaScript framework

布林資料類型

在 JavaScript 中,布林資料型態表示邏輯實體。它只有兩個值:true 或 false。布林值通常用在條件語句中,例如 if、else、while 和 三元運算子,以根據特定條件控制執行流程。

  • True:表示正確或有效的邏輯狀態。
  • False:表示不正確或無效的邏輯狀態。
let isAvailable = true;

if (isAvailable) {
    console.log("The item is available.");
} else {
    console.log("The item is not available.");
}

// Output: The item is available.

未定義的資料類型

在 JavaScript 中,undefined 是一種特殊的資料類型和值,表示變數已被宣告但尚未賦值。它代表“未初始化”或“未知”狀態。 undefined 的類型為 undefined.

let x;
console.log(x); // Output: undefined
console.log(typeof x); // Output: "undefined"

空資料類型

在JavaScript中,null代表沒有值什麼都沒有。例如,

let text = null;
console.log(text);  // Output: null

符號資料類型

Symbol 資料型別是唯一且不可變的原始值,在 ES6 (ECMAScript 2015) 中引入。符號主要用作物件屬性的唯一識別碼,確保屬性鍵不會發生衝突,即使它們具有相同的名稱。

讓符號1 = Symbol(); 讓symbol2 = Symbol(“描述”); 讓symbol3 = Symbol(“描述”); 控制台.log(符號1); // 輸出:Symbol() 控制台.log(符號2); // 輸出:符號(描述) console.log(符號2 === 符號3); // 輸出: false (每個符號都是唯一的)
let symbol1 = Symbol();
let symbol2 = Symbol("description");
let symbol3 = Symbol("description");

console.log(symbol1); // Output: Symbol()
console.log(symbol2); // Output: Symbol(description)
console.log(symbol2 === symbol3); // Output: false (Each symbol is unique)

非原始資料類型

從 JavaScript 語言的原始資料型別派生的資料型別稱為非原始資料型別。它也稱為派生資料類型或引用資料類型。它們可以保存多個值。非原始型別包括 Object、Array 和 RegExp。

物件資料類型

在 JavaScript 中,物件是相關資料和函數的集合,稱為屬性和方法。屬性是儲存資料的「鍵:值」對,而方法是與可以操作其屬性的物件關聯的函數。


讓人 = { 姓名:“約翰·多伊”, 年齡:30歲, 是否受僱:真實, 問候:函數(){ console.log("你好,我的名字是" this.name); } }; console.log(人名); // 輸出:約翰·多伊 person.greet(); // 輸出:你好,我的名字是 John Doe
let person = {
    name: "John Doe",
    age: 30,
    isEmployed: true,
    greet: function() {
        console.log("Hello, my name is "   this.name);
    }
};

console.log(person.name); // Output: John Doe
person.greet(); // Output: Hello, my name is John Doe
數組資料類型

在 JavaScript 中,數組是一種特殊形式的對象,用於在單一變數中儲存多個值。它可以容納各種資料類型並允許動態調整大小。元素透過索引訪問,從 0 開始。


// 建立陣列並用值初始化 讓課程= ['HTML','CSS','JavaScript','React']; 控制台.log(課程); //
// Creating an Array and Initializing with Values
let courses = ['HTML', 'CSS', 'JavaScript', 'React'];

console.log(courses); // [ 'HTML', 'CSS', 'JavaScript', 'React' ]
版本聲明 本文轉載於:https://dev.to/sumayaakter533/javascript-data-types-4i2h?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta:列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而,隨著 Beta 2 的後續發布,這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    程式設計 發佈於2024-11-15
  • 在 Go 中使用 WebSocket 進行即時通信
    在 Go 中使用 WebSocket 進行即時通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    程式設計 發佈於2024-11-15
  • 如何使用 GCC 捕捉 Linux 中的分段錯誤?
    如何使用 GCC 捕捉 Linux 中的分段錯誤?
    捕獲Linux 中的分段錯誤問:我在第三方庫中遇到分段錯誤,但我無法解決根本問題。是否有跨平台或特定於平台的解決方案來使用 gcc 捕獲 Linux 中的這些錯誤? A:Linux 允許將分段錯誤作為異常處理。當程式遇到此類故障時,它會收到 SIGSEGV 訊號。透過設定訊號處理程序,您可以攔截此訊...
    程式設計 發佈於2024-11-15
  • 如何在不建立實例的情況下存取Go結構體的類型?
    如何在不建立實例的情況下存取Go結構體的類型?
    在不創建物理結構的情況下訪問Reflect.Type在Go 中,動態加載問題的解決方案需要訪問結構的類型,而無需物理創建它們。雖然現有的解決方案要求在類型註冊之前建立結構體並清除零,但有一種更有效的方法。 人們可以利用 reflect.TypeOf((*Struct)(nil)).Elem()手術。...
    程式設計 發佈於2024-11-15
  • Java中如何有效率地將整數轉換為位元組數組?
    Java中如何有效率地將整數轉換為位元組數組?
    Java 中整數到位元組數組的高效轉換將整數轉換為位元組數組可用於多種目的,例如網路傳輸或資料儲存。有多種方法可以實現此轉換。 ByteBuffer 類別:一個有效的方法是使用 ByteBuffer 類別。 ByteBuffer 是一個儲存二進位資料並提供各種操作來操縱它的緩衝區。使用 ByteBu...
    程式設計 發佈於2024-11-15
  • 如何在 Go 中按多個欄位對結構體切片進行排序?
    如何在 Go 中按多個欄位對結構體切片進行排序?
    按多個欄位對切片物件進行排序依多個條件排序考慮以下Parent 和Child 結構:type Parent struct { id string children []Child } type Child struct { id string }假設我們有一個帶有...
    程式設計 發佈於2024-11-15
  • Qt 線程與 Python 線程:我應該在 PyQt 應用程式中使用哪個?
    Qt 線程與 Python 線程:我應該在 PyQt 應用程式中使用哪個?
    PyQt 應用程式中的線程:Qt 線程與Python 線程尋求使用PyQt 創建響應式GUI 應用程式的開發人員經常遇到到執行的挑戰長時間運行的任務而不影響UI 的功能。一種解決方案是使用單獨的執行緒來完成這些任務。這就提出了使用 Qt 執行緒還是原生 Python 執行緒模組的問題。 Qt 執行緒...
    程式設計 發佈於2024-11-15
  • 為什麼我的PHP提交按鈕沒有觸發回顯和表格顯示?
    為什麼我的PHP提交按鈕沒有觸發回顯和表格顯示?
    PHP 提交按鈕困境:不可用的回顯和表格您的程式碼打算在點擊「提交」按鈕時顯示回顯和表格在PHP 表單上。但是,您遇到了這些元素仍然隱藏的問題。這是因為您使用 if(isset($_POST['submit'])) 來控制這些元素的顯示,但提交按鈕缺少 name 屬性。 解決方案:提...
    程式設計 發佈於2024-11-15
  • 大批
    大批
    方法是可以在物件上呼叫的 fns 數組是對象,因此它們在 JS 中也有方法。 slice(begin):將陣列的一部分提取到新數組中,而不改變原始數組。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index ...
    程式設計 發佈於2024-11-15
  • 為什麼我的 @font-face EOT 字型無法在 Internet Explorer 中透過 HTTPS 載入?
    為什麼我的 @font-face EOT 字型無法在 Internet Explorer 中透過 HTTPS 載入?
    @font-face EOT 無法透過HTTPS 載入:解決方案在Internet 中與@font-face EOT 檔案在Internet 中無法透過HTTPS 載入的問題在Explorer 版本7、8 和9 中,使用者發現無論HTTPS 上包含的HTML 頁面的託管狀態如何,問題仍然存在。經過實...
    程式設計 發佈於2024-11-15
  • 為什麼透過 Makefile 運行 Go 程式時出現「權限被拒絕」錯誤?
    為什麼透過 Makefile 運行 Go 程式時出現「權限被拒絕」錯誤?
    權限被拒絕:調查「go run」和Makefile 呼叫之間的差異透過Makefile 執行Go 程式時遇到權限被拒絕錯誤可能會令人困惑。此問題源自於 GNU make 或其 gnulib 元件中的錯誤。根本原因在於系統 PATH 中存在一個名為「go」的目錄,該目錄位於實際 Go 執行檔所在的目錄...
    程式設計 發佈於2024-11-15
  • 可以使用 CSS 設計 SVG 背景圖片嗎?
    可以使用 CSS 設計 SVG 背景圖片嗎?
    您可以使用 CSS 設計 SVG 背景圖片嗎? 作為 SVG 愛好者,您精通將 SVG 用作背景圖像。然而,仍然存在一個持續存在的問題:您是否也可以在同一個檔案中使用 CSS 設計 SVG 樣式? 遺憾的是,答案是不。用作背景圖片的 SVG 被視為與 CSS 樣式表隔離的單一實體。 CSS 檔案中的...
    程式設計 發佈於2024-11-15
  • 能否結合使用 LIKE 和 IN 來實現更強大的 SQL 查詢?
    能否結合使用 LIKE 和 IN 來實現更強大的 SQL 查詢?
    結合LIKE和IN進行高級SQL查詢在SQL中,LIKE運算子常用於模式匹配,而IN運算子允許我們將一個值與一系列特定值進行配對。雖然這些運算符有不同的用途,但可以將它們組合起來以創建更強大的查詢。 讓我們考慮以下場景:您有一個表,其中有一列名為“company_id”,並且您想要選擇其中包含該列的...
    程式設計 發佈於2024-11-15
  • 為什麼PHP中逗號可以用於回顯但不能用於返回?
    為什麼PHP中逗號可以用於回顯但不能用於返回?
    為什麼用逗號回顯有效,而用逗號返回卻不起作用? 在 PHP 中使用 echo 和 return 連接值時,有使用句號和逗號之間的細微差別。具體來說:Echo:允許以逗號分隔的多個表達式回顯到輸出。 回傳:只能傳回一個單一表達式。 使用句點句點 (.) 運算子將字串或其他資料型別連接成單一字串。例如:...
    程式設計 發佈於2024-11-15
  • 如何將 Django 資料庫從 SQLite 遷移到 MySQL:逐步指南
    如何將 Django 資料庫從 SQLite 遷移到 MySQL:逐步指南
    將 Django DB 從 SQLite 遷移到 MySQL將資料庫從 SQLite 遷移到 MySQL 可能是一項艱鉅的任務。由於可用的工具和腳本過多,因此很難確定最可靠和最直接的方法。 一位經驗豐富的 Django 開發人員建議了一個經受時間考驗的解決方案。他們建議執行以下步驟:轉儲現有的SQL...
    程式設計 發佈於2024-11-15

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3