学ぶオブジェクトプロパティの管理 | JavaScriptオブジェクトの基礎

メニューを表示するにはスワイプしてください

オブジェクトのプロパティ操作に関する3つの重要な概念を確認します：

プロパティ値の変更
新しいプロパティの追加
省略記法プロパティの使用

プロパティ値の変更

オブジェクトが作成された後、そのプロパティは簡単に更新できます。値を変更するには、ドット記法を使用して目的のプロパティに新しい値を代入します。


              12345678910111213141516
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937

この例では、industry および founded.year プロパティの値を変更します。

新しいプロパティの追加

プロパティの追加は、既存のプロパティの変更と同じ方法で行います。プロパティ名が存在しない場合、JavaScript は自動的に新しいプロパティを作成します。


              1234567891011121314
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda

この例では、founder オブジェクトに新しいプロパティ company を追加します。

ショートハンドプロパティの利用

ショートハンドプロパティを使うことで、より簡潔にオブジェクトを作成可能。プロパティ名と変数名が同じ場合、JavaScript では繰り返しを省略できます。


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

省略記法を使用すると、同じオブジェクトをより簡潔に作成可能。


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany