javascript オブジェクトのプロパティ値を変数を利用する

javascript オブジェクトのプロパティ値を変数を利用する

javascriptで、オブジェクトのプロパティに変数名を使用するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

変数を利用

以下のように、記述することで変数を利用することができます。

また、以下のサンプルのようにも記述することも可能です。

関数を使用

オブジェクトを使用

以下のように、記述することも可能です。

サンプルコード

以下は、
「実行」ボタンをクリックすると、フォームから入力された値をプロパティとして使用したオブジェクトを表示する
サンプルコードとなります。

※cssには「bootstrap5」を使用してます。「bootstrap5」は、IEのサポートを終了してます。

フォームの値が使用されていることが確認できます。