JavaScriptでオブジェクトから値を抽出する方法


  1. ドット記法: オブジェクト内のプロパティに直接アクセスするために、ドット記法を使用します。例えば、オブジェクトが以下のように定義されている場合、object.propertyという形式で値を抽出できます。
const person = {
  name: 'John',
  age: 30,
};
const name = person.name; // 'John' を抽出
const age = person.age; // 30 を抽出
  1. ブラケット記法: ブラケット記法を使用すると、オブジェクト内のプロパティを文字列として指定できます。これにより、動的なプロパティ名を使用して値を抽出することも可能です。
const person = {
  name: 'John',
  age: 30,
};
const propName = 'name';
const name = person[propName]; // 'John' を抽出
// 動的なプロパティ名を使用して値を抽出
const dynamicProp = 'age';
const age = person[dynamicProp]; // 30 を抽出
  1. 分割代入: 分割代入を使用すると、一度に複数の値を抽出できます。オブジェクト内のプロパティ名と同じ変数名を使用することで、値を抽出します。
const person = {
  name: 'John',
  age: 30,
};
const { name, age } = person;
console.log(name); // 'John'
console.log(age); // 30

これらはJavaScriptでオブジェクトから値を抽出するためのシンプルで簡単な方法です。必要に応じて適切な方法を選択し、コードを実装してください。