JavaScript - For文でインデックス番号を取得する

JavaScriptのFor文でインデックス番号を取得する方法とコード例を作成しています。

HTMLには、確認用にクラス名「item」を指定した<div>タグを複数設置しています。

<div class="item-container">
	<p>For文でインデックス番号を取得します。</p>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
</div>

対象の要素をまとめてquerySelectorAll()で取得しています。

Array.prototype.entries()を利用してfor文でインデックス番号を取得する事が可能です。

// 対象のテキストフォームをすべて取得する
let items = document.querySelectorAll('.item');

for (const [index, item] of items.entries()) {
	console.log(index);
}