JavaScript 速習チュートリアル

JavaScript のデータ型

1. JavaScriptにおける8つのデータ型

JavaScriptのバリアブルは、以下の8つのデータ型を保持できます。

型 (Type)説明
String引用符で囲まれた文字列(テキスト)
Number数学的な数値を表すナンバー
Bigint極めて大きな整数を表す数値型
Boolean真(true)または偽(false)を表す論理型
Objectキーと値のペアで構成されるデータの集合
Undefined値が代入されていない初期状態のプリミティブ変数
Nullオブジェクトが存在しないことを表すプリミティブ値
Symbol一意で不変なプリミティブ識別子

1.1 具体的なコード例

// ストリング型 (String)
let color = "Yellow";
let lastName = "Johnson";

// ナンバー型 (Number)
let length = 16;
let weight = 7.5;

// ビッグイント型 (BigInt)
let x = 1234567890123456789012345n;
let y = BigInt(1234567890123456789012345);

// ブーリアン型 (Boolean)
let x = true;
let y = false;

// オブジェクト型 (Object)
const person = {firstName:"John", lastName:"Doe"};

// 配列オブジェクト (Array object)
const cars = ["Saab", "Volvo", "BMW"];

// 日付オブジェクト (Date object)
const date = new Date("2022-03-25");

// アンディファインド (Undefined)
let x;
let y;

// ヌル (Null)
let x = null;
let y = null;

// シンボル (Symbol)
const x = Symbol();
const y = Symbol();

2. typeof オペレーター

JavaScriptの typeof オペレーター(演算子)を使用すると、バリアブルデータ型を調べることができます。
typeof は、バリアブルエクスプレッション(式)の型を返却します。

コード例(文字列の場合)

typeof ""             // "string" を返す
typeof "John"         // "string" を返す
typeof "John Doe"     // "string" を返す

コード例(数値の場合)

typeof 0              // "number" を返す
typeof 314            // "number" を返す
typeof 3.14           // "number" を返す
typeof (3)            // "number" を返す
typeof (3 + 4)        // "number" を返す

3. JavaScriptのストリング (Strings)

ストリング(文字列)は、"John Doe" のような一連の文字の集まりです。
ストリングは引用符(クォーテーション)を使って記述します。シングルクォーテーションとダブルクォーテーションのどちらも使用可能です。

コード例

// ダブルクォーテーションを使用
let carName1 = "Volvo XC60";

// シングルクォーテーションを使用
let carName2 = 'Volvo XC60';

周囲を囲んでいる引用符と異なる種類であれば、ストリングの内部に引用符を含めることができます。

コード例

// ダブルクォーテーションの中にシングルクォーテーション
let answer1 = "It's alright";

// ダブルクォーテーションの中にシングルクォーテーション(特定の名称など)
let answer2 = "彼は 'Johnny' と呼ばれています";

// シングルクォーテーションの中にダブルクォーテーション
let answer3 = '彼は "Johnny" と呼ばれています';

※JavaScriptのストリングについては、後の章でさらに詳しく学習します。

4. JavaScriptのナンバー (Numbers)

JavaScriptのすべてのナンバーは、10進数の数値(浮動小数点数)として保存されます。
数値は、小数点(デシマル)の有無にかかわらず記述できます。

コード例

// 小数点あり
let x1 = 34.00;

// 小数点なし
let x2 = 34;

4.1 指数表記 (Exponential Notation)

極端に大きな数値や小さな数値は、科学的表記法(指数表記)で記述することが可能です。

コード例

let y = 123e5;    // 12300000
let z = 123e-5;   // 0.00123

5. JavaScriptのブーリアン (Booleans)

JavaScriptのブーリアンは、true(真)または false(偽)のいずれか一方の値しか持ちません。
ブーリアン値は、JavaScriptにおける比較処理の基礎となります。

x = 5 としたとき、以下の比較結果が得られます。

説明式 (Expression)返り値 (Returns)
等しい (Equal to)(x == 8)false
等しくない (Not equal to)(x != 8)true
より大きい (Greater than)(x > 8)false
より小さい (Less than)(x < 8)true

コード例

let x = 5;

(x == 8); // false になる
(x != 8); // true になる

JavaScriptのすべての比較オペレーター(==, !=, <, > など)は、比較結果として true または false を返します。

6. データ型 undefined

コンピュータプログラムでは、値を指定せずにバリアブルを宣言することがよくあります。その値は、計算結果であったり、後から提供されるユーザー入力であったりします。
値が代入されていないバリアブルデータ型undefined です。また、その値自体も undefined となります。

コード例

let carName; // 値も型も undefined

7. 空の値 (Empty Values)

空の値は、undefined とは全く関係がありません。
空のストリング(空文字)は、有効な値と型(string)の両方を持っています。

コード例

let car = ""; // 値は ""、typeof の結果は "string"