首頁 > web前端 > js教程 > 了解 JavaScript 資料類型

了解 JavaScript 資料類型

DDD
發布: 2024-12-27 17:48:11
原創
186 人瀏覽過

Understanding JavaScript Data Types

JavaScript 是一種動態型別語言,這表示在宣告變數時不需要指定變數的資料型別。資料類型在執行過程中根據需要自動確定或轉換。此功能使 JavaScript 變得靈活且對開發人員友好。

什麼是資料型態?

資料型態定義變數可以儲存和操作的資料型態。 JavaScript 變數可以保存任何類型的資料。在 JavaScript 中,資料型別大致分為兩種型別
1️⃣ 原始資料類型(7 種)
2️ 非原始資料類型(1 種)

1️⃣ 原始資料類型:建置區塊

這些是 JavaScript 中最基本的資料類型,它們是不可變的,這表示它們的值無法變更。

(1) String:表示文字資料。在 JavaScript 中,引號有 3 種類型:雙引號、單引號、反引號。
?例:

const fname = 'Richa'; // Single quotes
const language = "JavaScript"; // Double quotes
const study = `webDev`; // Backticks
console.log(fname, language, study); // Output: Richa JavaScript webDev
登入後複製

(2) Number:表示數值(整數和浮點數皆可)。
?例:

const total = 0;
const PI = 3.14;
console.log(total, PI); // Output: 0 3.14
登入後複製

(3) BigInt:表示大於 Number 型別可以處理的整數。 BigInt 值是透過將 n 附加到整數末端來建立的。
?例:

const bigNumber = 1234567890123456789012345678901234567890n;
console.log(bigNumber); // Output: 1234567890123456789012345678901234567890n
登入後複製

(4) Boolean:代表一個邏輯值,可以是 true 或 false。
?例:

const isPrimeNumber = true;
const isNewUser = false;
console.log(isPrimeNumber, isNewUser); // Output: true false
登入後複製

(5) Null:表示故意為空或未知的值。
?例:

const data = null;
console.log(data); // Output: null
登入後複製

(6)未定義:表示已宣告但尚未賦值的變數。
?例:

let result;
console.log(result); // Output: undefined

/* Uncomment the following code and see what output will return */
/* let result = undefined;
console.log(result); */

let result_1 = undefined;
console.log(result_1); // Output: undefined
登入後複製

(7) 符號:ES6(2015)中引入,代表唯一且不可變的值。符號類型用於為物件建立唯一識別碼。現在,我只簡單提一下這一點。稍後我們將深入探討更多細節。
?例:

const uniqueId = Symbol("id");
console.log(uniqueId); // Output: Symbol(id)
登入後複製

2️ 非原始資料類型:複雜的結構

這些資料型別可以保存值的集合或更複雜的實體。
(1) Object:屬性的集合,其中每個屬性定義為一個鍵值對。
?例:

// object literal
const person = {
    firstName: "Richa",
    lastName: "webDev",
    age: 50
};
// dot (.) notation for access properties
console.log(person.firstName); // Output: Richa
登入後複製

運算符類型

typeof 運算子傳回 JavaScript 變數或運算式的資料型別。
?例:

console.log(typeof "Richa"); // Output: string  
console.log(typeof 0); // Output: number  
console.log(typeof 123); // Output: number  
console.log(typeof 123.12); // Output: number  
console.log(typeof (12 + 8)); // Output: number  
console.log(typeof true); // Output: boolean  
console.log(typeof 25n); // Output: bigint  
console.log(typeof undefined); // Output: undefined  
console.log(typeof null); // Output: object
console.log(typeof Symbol("uId")); // Output: symbol  
console.log(typeof function(){}); // Output: function  
console.log(typeof Math); // Output: object  
登入後複製

重點:

  • 物件中的鍵不能包含連字符,除非必要,否則引號是可選的。
  • 使用點 (.) 表示法存取物件屬性。
  • 原始型別是不可變的,而非原始型別(如物件和陣列)是可變的。
  • 通常,使用 null 為變數分配一個「空」或「未知」值,而 undefined 則保留為未分配事物的預設初始值。
  • 對於 null typeof 運算子回傳「object」-這是語言中的錯誤,它不是一個物件。

結論

了解 JavaScript 的資料型別是精通該語言的基礎。無論您正在處理數字、字串還是複雜對象,了解如何有效地使用和操作這些類型都可以顯著提高您的程式設計技能。

您最喜歡的 JavaScript 資料類型用例是什麼?在下面的評論中分享您的想法! ?

以上是了解 JavaScript 資料類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板