DOMTokenList: forEach() メソッド
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2017年10月.
forEach() は DOMTokenList インターフェイスのメソッドで、リスト中のそれぞれの値の組に対して挿入順で 1 回ずつ、引数で渡されたコールバックを呼び出します。
構文
js
forEach(callback)
forEach(callback, thisArg)
引数
callback-
それぞれの要素に対して呼び出す関数で、 3 つの引数を取ります。
currentValue-
配列内で処理中の現在の要素です。
currentIndex-
配列内で処理中の現在の要素の位置です。
listObj-
forEach()を実行中の配列です。
thisArg省略可-
callbackを実行する際にthisとして使用する値です。
返値
なし。
例
次の例では、<pre> 要素に設定されたクラスのリストを DOMTokenList として受け取るのに Element.classList を使用しています。forEach() を使用して値を含むイテレーターを取得し、それぞれの値を <pre> の Node.textContent に forEach() の中の関数から書き込みます。
HTML
html
<pre class="a b c"></pre>
JavaScript
js
const pre = document.querySelector("pre");
const classes = pre.classList;
const iterator = classes.values();
classes.forEach(function (value, key, listObj) {
pre.textContent += `(${value} ${key})/${this}\n`;
}, "arg");
結果
仕様書
This feature does not appear to be defined in any specification.ブラウザーの互換性
Loading…