JavaScript データ型を理解する

DDD
DDDオリジナル
2024-12-27 17:48:11190ブラウズ

Understanding JavaScript Data Types

JavaScript は 動的型付け言語です。つまり、宣言時に変数のデータ型を指定する必要はありません。データ型は、実行中に必要に応じて自動的に決定または変換されます。この機能により、JavaScript は柔軟で開発者にとって使いやすいものになります。

データ型とは何ですか?

データ型は、変数が保存および操作できるデータの種類を定義します。 JavaScript 変数は、あらゆるタイプのデータを保持できます。 JavaScript では、データ型は 2 つのタイプ に大別されます:
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 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 を使用して変数に「空」または「不明」の値を割り当てますが、未定義は割り当てられていないもののデフォルトの初期値として予約されています。
  • null の場合、typeof 演算子は「オブジェクト」を返します – これは言語のエラーであり、オブジェクトではありません。

結論

JavaScript のデータ型を理解することは、JavaScript 言語に習熟するための基礎です。数値、文字列、複雑なオブジェクトを扱う場合でも、これらの型を効果的に使用および操作する方法を知ることで、プログラミング スキルを大幅に向上させることができます。

JavaScript データ型のお気に入りの使用例は何ですか?以下のコメント欄であなたの考えを共有してください! ?

以上がJavaScript データ型を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。