似ている表記法

Last updated at 2025-01-22Posted at 2025-01-20

はじめに

TypeScriptを使う中で、幾つか似ている記法があり
自分の中での整理も兼ねてまとめました。

オブジェクトとはキーと値のペア(プロパティ)を、1つ以上持っている
以下のようなデータ構造のことを指す。
また、JavaScriptにおいてはその表記法をオブジェクトリテラルと呼称する。

{ 
    id: 0,
    name: "Mac mini",
    cpu: "M4",
    ram: "16",
};

name: "Mac mini"

上記のような、キー(name)と値("Mac mini")のペアのことを指す

JSONとは、オブジェクトリテラルをベースに作られたデータフォーマットである。
そのため、JSON自体はデータを作成するためのお約束ごとを指しており
文字列やオブジェクトのことを指しているわけではない。

{ 
    "id": 0,
    "name": "Mac mini",
    "cpu": "M4",
    "ram": "16"
}

型エイリアスとは、TypeScriptの記法を用いて名前の付けられた型のことを指す。

type Product = {
    id: number;
    name: string;
    cpu: string;
    ram: string;
};

interfaceとは、TypeScriptにおいてオブジェクトの構造を定義するための機能を指す。

interface Product {
    id: number;
    name: string;
    cpu: string;
    ram: string;
}

（2025/01/22 追記）

class定義の表記においてもコメントをいただいたので項目として追加
コンストラクタやメソッドを利用せず、データ構造として使うパターン

class Product {
    id: number;
    name: string;
    cpu: string;
    ram: string;
}