JavaScriptで変数からオブジェクトの値を取得して表示する方法

JavaScriptでオブジェクトの値を関数から取得して表示したい場合、関数内でオブジェクトにアクセスして、各プロパティに値を代入する方法を理解することが大切です。この記事では、変数からオブジェクトのプロパティ（name、age、stay）を取得し、それらを表示するための基本的なコード例を紹介します。

オブジェクトの作成とプロパティへのアクセス

まず、オブジェクトを作成する方法と、関数内でそのオブジェクトにアクセスする方法を確認します。例えば、以下のように`person`というオブジェクトを作成します。

let person = { name: '', age: 0, stay: '' };

この`person`オブジェクトには、`name`、`age`、`stay`というプロパティがあり、これらに値を代入して表示します。

関数内で値を設定する

次に、関数内で`person`オブジェクトに値を設定します。関数を作成して、その中で`person`オブジェクトのプロパティに値を代入します。以下のコードは、関数内で`person`オブジェクトのプロパティに値を設定し、結果を表示するものです。

function updatePerson() { person.name = 'take'; person.age = 23; person.stay = 'tokyo'; }

この関数を呼び出すことで、`person`オブジェクトの`name`、`age`、`stay`プロパティにそれぞれ値が代入されます。

値を表示する

次に、代入された値を表示するために、`console.log`を使用します。関数内で値を設定した後、`person`オブジェクトの各プロパティを表示することができます。

function displayPerson() { console.log(person.name); console.log(person.age); console.log(person.stay); }

この`displayPerson`関数を呼び出すことで、コンソールに`name`、`age`、`stay`の値が表示されます。

まとめ

JavaScriptでオブジェクトの値を関数から取得して表示する方法は、オブジェクトを作成し、関数内でプロパティに値を代入するという基本的な手順を踏むことで実現できます。関数を使ってオブジェクトのプロパティを操作し、その結果を表示することで、データの管理が簡単になります。