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

JavaScript 資料類型

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

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]刪除
最新教學 更多>
  • 如何解決AppEngine中“無法猜測文件類型,使用application/octet-stream...”錯誤?
    如何解決AppEngine中“無法猜測文件類型,使用application/octet-stream...”錯誤?
    appEngine靜態文件mime type override ,靜態文件處理程序有時可以覆蓋正確的mime類型,在錯誤消息中導致錯誤消息:“無法猜測mimeType for for file for file for [File]。 application/application/octet...
    程式設計 發佈於2025-07-12
  • Python中嵌套函數與閉包的區別是什麼
    Python中嵌套函數與閉包的區別是什麼
    嵌套函數與python 在python中的嵌套函數不被考慮閉合,因為它們不符合以下要求:不訪問局部範圍scliables to incling scliables在封裝範圍外執行範圍的局部範圍。 make_printer(msg): DEF打印機(): 打印(味精) ...
    程式設計 發佈於2025-07-12
  • CSS可以根據任何屬性值來定位HTML元素嗎?
    CSS可以根據任何屬性值來定位HTML元素嗎?
    靶向html元素,在CSS 中使用任何屬性值,在CSS中,可以基於特定屬性(如下所示)基於特定屬性的基於特定屬性的emants目標元素: 字體家庭:康斯拉斯(Consolas); } 但是,出現一個常見的問題:元素可以根據任何屬性值而定位嗎?本文探討了此主題。 的目標元素有任何任何屬性值,...
    程式設計 發佈於2025-07-12
  • 為什麼HTML無法打印頁碼及解決方案
    為什麼HTML無法打印頁碼及解決方案
    無法在html頁面上打印頁碼? @page規則在@Media內部和外部都無濟於事。 HTML:Customization:@page { margin: 10%; @top-center { font-family: sans-serif; font-weight: ...
    程式設計 發佈於2025-07-12
  • 如何使用FormData()處理多個文件上傳?
    如何使用FormData()處理多個文件上傳?
    )處理多個文件輸入時,通常需要處理多個文件上傳時,通常是必要的。 The fd.append("fileToUpload[]", files[x]); method can be used for this purpose, allowing you to send multi...
    程式設計 發佈於2025-07-12
  • Python高效去除文本中HTML標籤方法
    Python高效去除文本中HTML標籤方法
    在Python中剝離HTML標籤,以獲取原始的文本表示 僅通過Python的MlStripper 來簡化剝離過程,Python Standard庫提供了一個專門的功能,MLSTREPERE,MLSTREPERIPLE,MLSTREPERE,MLSTREPERIPE,MLSTREPERCE,MLST...
    程式設計 發佈於2025-07-12
  • 如何使用PHP將斑點(圖像)正確插入MySQL?
    如何使用PHP將斑點(圖像)正確插入MySQL?
    essue VALUES('$this->image_id','file_get_contents($tmp_image)')";This code builds a string in PHP, but the function call fil...
    程式設計 發佈於2025-07-12
  • 在JavaScript中如何並發運行異步操作並正確處理錯誤?
    在JavaScript中如何並發運行異步操作並正確處理錯誤?
    同意操作execution 在執行asynchronous操作時,相關的代碼段落會遇到一個問題,當執行asynchronous操作:此實現在啟動下一個操作之前依次等待每個操作的完成。要啟用並發執行,需要進行修改的方法。 第一個解決方案試圖通過獲得每個操作的承諾來解決此問題,然後單獨等待它們: c...
    程式設計 發佈於2025-07-12
  • JavaScript計算兩個日期之間天數的方法
    JavaScript計算兩個日期之間天數的方法
    How to Calculate the Difference Between Dates in JavascriptAs you attempt to determine the difference between two dates in Javascript, consider this s...
    程式設計 發佈於2025-07-12
  • 用戶本地時間格式及時區偏移顯示指南
    用戶本地時間格式及時區偏移顯示指南
    在用戶的語言環境格式中顯示日期/時間,並使用時間偏移在向最終用戶展示日期和時間時,以其localzone and格式顯示它們至關重要。這確保了不同地理位置的清晰度和無縫用戶體驗。以下是使用JavaScript實現此目的的方法。 方法:推薦方法是處理客戶端的Javascript中的日期/時間格式化和...
    程式設計 發佈於2025-07-12
  • 如何使用PHP從XML文件中有效地檢索屬性值?
    如何使用PHP從XML文件中有效地檢索屬性值?
    從php $xml = simplexml_load_file($file); foreach ($xml->Var[0]->attributes() as $attributeName => $attributeValue) { echo $attributeName,...
    程式設計 發佈於2025-07-12
  • 解決Spring Security 4.1及以上版本CORS問題指南
    解決Spring Security 4.1及以上版本CORS問題指南
    彈簧安全性cors filter:故障排除常見問題 在將Spring Security集成到現有項目中時,您可能會遇到與CORS相關的錯誤,如果像“訪問Control-allo-allow-Origin”之類的標頭,則無法設置在響應中。為了解決此問題,您可以實現自定義過濾器,例如代碼段中的MyFi...
    程式設計 發佈於2025-07-12
  • FastAPI自定義404頁面創建指南
    FastAPI自定義404頁面創建指南
    response = await call_next(request) if response.status_code == 404: return RedirectResponse("https://fastapi.tiangolo.com") else: ...
    程式設計 發佈於2025-07-12
  • 您可以使用CSS在Chrome和Firefox中染色控制台輸出嗎?
    您可以使用CSS在Chrome和Firefox中染色控制台輸出嗎?
    在javascript console 中顯示顏色是可以使用chrome的控制台顯示彩色文本,例如紅色的redors,for for for for錯誤消息? 回答是的,可以使用CSS將顏色添加到Chrome和Firefox中的控制台顯示的消息(版本31或更高版本)中。要實現這一目標,請使用以下...
    程式設計 發佈於2025-07-12
  • 如何使用組在MySQL中旋轉數據?
    如何使用組在MySQL中旋轉數據?
    在關係數據庫中使用mySQL組使用mySQL組進行查詢結果,在關係數據庫中使用MySQL組,轉移數據的數據是指重新排列的行和列的重排以增強數據可視化。在這裡,我們面對一個共同的挑戰:使用組的組將數據從基於行的基於列的轉換為基於列。 Let's consider the following ...
    程式設計 發佈於2025-07-12

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

Copyright© 2022 湘ICP备2022001581号-3