𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗢𝗯𝗷𝗲𝗰𝘁𝘀: 𝗕𝗮𝘀𝗶𝗰𝘀 𝘁𝗼 𝗖𝗥𝗨𝗗
JavaScript オブジェクトは、関連するデータと関数を一つにまとめます。個別の変数を使用する代わりに、キーと値のペアを使用します。
「学生」のようなエンティティを想像してみてください。オブジェクトは、コード内でこのエンティティを表します。
すべてのオブジェクトには3つの要素があります:
- エンティティ:そのもの自体(例:学生)。
- 状態:オブジェクトが持っているもの(例:名前、年齢)。これらはプロパティです。
- 振る舞い:オブジェクトが行うこと(例:勉強する)。これらはメソッドです。
オブジェクトの作成方法:
オブジェクトリテラル これが最も一般的な方法です。波括弧を使用してオブジェクトを直接定義します。短くて読みやすいのが特徴です。
let student = { name: "Saravanan", age: 25 };オブジェクトコンストラクタ
newキーワードを使用してオブジェクトを構築します。let student = new Object();student.name = "Saravanan";
ほとんどの開発者はリテラル方式を好みます。
CRUD操作:
オブジェクトのデータに対して、主に4つの基本操作を行います:
- Create(作成):新しいオブジェクトを定義する。
- Read(読み取り):ドット記法 (
person.name) またはブラケット記法 (person["name"]) を使用してデータにアクセスする。 - Update(更新):既存の値を変更する (
person.age = 26)。 - Delete(削除):
deleteキーワードを使用してプロパティを削除する (delete person.age)。
高度な概念:
- メソッド:オブジェクト内の関数はメソッドです。省略記法を使用して記述することもできます。
- ネストされたオブジェクト:オブジェクトの中に別のオブジェクトを持たせることができます。これにより、住所のような複雑なデータを整理しやすくなります。
- データ型:オブジェクトには、文字列、数値、真偽値、配列、関数、および他のオブジェクトを格納できます。
オブジェクト構造のまとめ:
- name: String
- age: Number
- address: Nested Object
- greet: Method (Function)
Source: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg