NEW ARTICLE
kotlin 正規表現を使用して文字列が部分一致で含まれているかを判定する
  1. HOME
  2. javascript
  3. javascript メソッドを配列の変数で使用する

javascript メソッドを配列の変数で使用する

javascript メソッドを配列の変数で使用する

javascriptで、メソッドを配列の変数で使用する手順を記述してます。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 103.0.5060.66
Javascript サンプル集はこちら

配列を使用

以下のコードは、

<p id="foo"></p>

<script>

document.getElementById('foo').textContent = "mebee";

</script>

配列を使用して、次のように書くことが可能です。

<p id="foo"></p>

<script>

let g = 'getElementById';
let t = 'textContent';

document[g]('foo')[t] = "mebee";

</script>

直接、記述することも可能です。

document[g = 'getElementById']('foo')[t = 'textContent'] = "mebee";

ただし、上記のコードの場合のみ「’use strict’」を使用するとエラーになります。

use strictについて
'use strict'

document[g = 'getElementById']('foo')[t = 'textContent'] = "mebee";
// Uncaught ReferenceError: g is not defined

firefox102の場合は、以下のエラーとなります。

Uncaught ReferenceError: assignment to undeclared variable g

safari15.5の場合は、以下のエラーとなります。

ReferenceError: Can't find variable: g