ITコース JavaScript基礎 038_データ型

JavaScriptでは、データ型は数字、文字列、ブール値など、異なる種類のデータを表すために使用されます。 JavaScriptのデータ型は、プリミティブデータ型とオブジェクトデータ型の2つのカテゴリに分けられます。

プリミティブデータ型

プリミティブデータ型の値には、単一のコンテンツ（文字列、数字、またはその他）のみが含まれます。

Number（数値）

整数と浮動小数点数を含む数値を表すために使用されます。例：5、3.14、-10。数値には、乗算 *、除算 /、加算 +、減算 - など、多くの操作があります。通常の数値に加えて、「特殊な数値」もこの型に属します：Infinity、-Infinity、NaN。 Number 型は浮動小数点型であり、正確な計算を行う際に精度の問題が発生する可能性があります。例：0.1 + 0.2。 parseInt() メソッドを使用して文字列を整数に変換し、parseFloat() メソッドを使用して文字列を浮動小数点数に変換できます。

例：

1
let age = 25;

1
console.log(0.1 + 0.2);  // 出力 0.30000000000000004

1
let result = 0.1 * 10 + 0.2 * 10;
2
result = result / 10;  // 結果を浮動小数点数に戻す
3
console.log(result);  // 出力 0.3

BigInt（大整数）

任意精度の整数を表すデータ型です（メモリサイズの制限に関して）。Number 型よりも大きな範囲の整数値を精度を失うことなく表現できます。n 接尾辞を使用するか、BigInt() コンストラクタを呼び出して BigInt を作成します。 Number の範囲を超える整数値を処理し、通常の整数と混合して使用することはできず、parseInt() や parseFloat() で変換することもできません。

例：

1
let bigIntLiteral = 123n;
2
let bigIntObject = BigInt(456);

String（文字列）

テキストデータを表すために使用されます。文字列は一連の文字で構成され、文字、数字、記号などを含むことができます。例：“Hello, World!”、“你好”、‘123’。文字列は引用符で囲む必要があります：シングルクォート 'Hello'、ダブルクォート "Hello"、バッククォート `Hello`。シングルクォートとダブルクォートは「シンプルな」引用符です。バッククォートは機能拡張された引用符で、${…} を使用して変数を直接参照し、テキスト形式を保持できます。改行 \n、タブ \t、バックスラッシュ自体 \\、シングルクォート \' とダブルクォート \"、キャリッジリターン \r

例：

1
let text = "Hello, World!";

Boolean（ブール値）

論理値を表すために使用され、true または false の2つの可能な値のみがあります。

例：

1
let isStudent = true;

Undefined（未定義）

初期化されていない、未定義の、値が割り当てられていない変数、またはパラメータ値のない関数を表すために使用されます。

例：

1
let undefinedVar;
2
alert(undefinedVar);

Null（ヌル）

「なし」、「空」、または「値が不明」の特殊な値、または存在しないオブジェクト値を表すために使用されます。

例：

1
let nullValue = null;

Symbol（シンボル）

ユニークで不変の識別子を作成するために使用されます。オブジェクトのプライベートプロパティを定義したり、ユニークな定数を作成したり、特殊な動作の識別子として使用したりするのに一般的に使用されます。Symbolを通じて作成されたすべてのシンボルは、同じ説明を持っていてもユニークです。

例：

1
const symbol1 = Symbol();
2
const symbol2 = Symbol();
3
console.log(symbol1 === symbol2); // 出力 false、各Symbolはユニーク

オブジェクトデータ型

データのコレクションまたはより複雑なコンテンツを格納するために使用できます。

Object（オブジェクト）

キーと値のペア、またはプロパティとプロパティ値のマッピング関係を格納するために使用されます。オブジェクトには、数値、文字列、ブール値、配列、その他のオブジェクトなど、さまざまなデータ型の値を含めることができます。

例：

1
let person = {
2
  name: "Alice",
3
  age: 30,
4
  isStudent: false
5
};

Array（配列）

配列は、値のグループを格納するために使用される順序付けられた可変のデータ構造です。配列には異なるデータ型の要素を含めることができ、各要素には対応するインデックスがあります。

例：

1
let numbers = [1, 2, 3, 4, 5];

Function（関数）

関数は、入力パラメータを受け取り、一連の操作を実行し、結果を返すことができる再利用可能なコードブロックです。関数はJavaScriptの第一級市民です。変数に割り当てたり、他の関数に引数として渡したり、他の関数の戻り値として使用したりできます。

例：

1
function greet(name) {
2
  console.log("Hello, " + name + "!");
3
}
4
greet("JavaScript");

`typeof`

typeof は、JavaScriptで指定された変数の型を取得するために使用される演算子です（したがって typeof に括弧は必要ありません）。変数の型を表す文字列を返します。

例：

1
let undefinedVariable;
2
let booleanVariable = true;
3
let numberVariable = 42;
4
let stringVariable = "Hello";
5
let objectVariable = { key: "value" };
6
let functionVariable = function() {};
7
let symbolVariable = Symbol("mySymbol");
8
let nullVariable = null;
9

10
console.log(typeof undefinedVariable);  // 出力 "undefined"
11
console.log(typeof booleanVariable);    // 出力 "boolean"
12
console.log(typeof numberVariable);     // 出力 "number"
13
console.log(typeof stringVariable);     // 出力 "string"
14
console.log(typeof objectVariable);     // 出力 "object"
15
console.log(typeof functionVariable);   // 出力 "function"
16
console.log(typeof symbolVariable);     // 出力 "symbol"
17
console.log(typeof nullVariable);     // 出力 "object"

typeof x, x を使用すると、変数の型と変数の値がそれぞれ返されます。まず typeof x を実行し、次に x を実行して、2つの値を出力します。

例：

1
let x = 42;
2
console.log(typeof x, x);

typeof x は “number” を返し、変数 x の型が数値であることを示します。
x は変数 x の値、つまり 42 を返します。