NEW ARTICLE
PyCharm 最近の変更を一覧表示するショートカットキー
  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