JavaScript では、オブジェクトは、キーと値のペアを使用してデータを保存および整理できるようにする基本的なデータ型です。 JavaScript でオブジェクトを操作するいくつかの方法を次に示します。
オブジェクト リテラル:オブジェクトを作成する最も簡単な方法は、オブジェクト リテラルを使用することです。
JavaScriptlet person = { name: 'John', age: 30, job: 'Developer' };
new
キーワードの使用: new
キーワードとObject
コンストラクターを使用してオブジェクトを作成することもできます。
JavaScript let car = new Object();
car.make = 'Toyota';
car.model = 'Camry';
ドット表記:ドット表記を使用してオブジェクトのプロパティにアクセスします。
JavaScript console.log(person.name); // Output: John
括弧表記:動的プロパティ アクセスには角括弧を使用します。
JavaScript let propertyName = 'age';
console.log(person[propertyName]); // Output: 30
JavaScript person.age = 31;
person['job'] = 'Designer';
プロパティの追加:
JavaScript person.location = 'New York';
プロパティの削除:
JavaScript delete person.job;
オブジェクトにはメソッド (関数) をプロパティとして含めることもできます。
JavaScript let person = {
name: 'John',
sayHello: function() {
console.log('Hello!');
}
};
person.sayHello(); // Output: Hello!
For...in ループ: for...in
ループを使用して、オブジェクトのプロパティを繰り返し処理します。
JavaScript for (let key in person) {
console.log(key + ': ' + person[key]);
}
Object.keys、Object.values、Object.entries:これらのメソッドを使用して、キー、値、またはキーと値のペアの配列を取得します。
JavaScriptlet keys = Object.keys(person); let values = Object.values(person); let entries = Object.entries(person);
JavaScript let { name, age } = person;
console.log(name, age);
コンストラクター関数:
JavaScript function Person(name, age) {
this.name = name;
this.age = age;
}
let john = new Person('John', 30);
オブジェクトのプロトタイプ:
JavaScript Person.prototype.sayHello = function() {
console.log('Hello, my name is ' + this.name);
};
john.sayHello(); // Output: Hello, my name is John
これらは、JavaScript でオブジェクトを操作するための基本的な方法です。オブジェクトは多用途かつ強力であり、プログラム内のデータを構造化および整理するための柔軟な方法を提供します。