ywork2020.com

Title

配列のインデックスと要素を取得する

目次 (INDEX)

entriesとは

ここで説明するentries とは次の語句からなるjavascriptのメソッドです。
entry
読み: エントリー
意味: 参加者、入ること、入場、入国、入会、...

目次に戻る

entriesメソッドの概要

このメソッドは、配列内の各要素から「キーと値のペア」を新しいArray iteratorオブジェクトとして返します。

つまり返される値は、キー値と列値が対になったデーター型(イテレーター)として形成されたものです。

目次に戻る

構文

サンプルを見る前に構文を確認しておきます。

var newIterator = array.entries();

目次に戻る

サンプルコードと実行結果

ここでは3つの文字値が代入された配列からentries()を使ってインデックス番号と、それの値を取得して表示しています。

サンプルコード: HTML
<body>
	<script>...</script>
</body>
  • 02: script (プログラムを実行します。)
サンプルコード: script
<script>
	let arr = ["Aaa", "Bbb", "Ccc"];
	for(let [index, value] of arr.entries()){
		document.write(
			"index: ", index, " / ",
			"value: ", value, "<br>"
		);
	}
</script>
  • 02: arr (3つの文字値が代入されている配列を定義します。)
  • 03: for of (entries()で返った値をイテレーターオブジェクトとしてindexとvalueに代入します。)
  • 04-07: write() (indexとvalueに代入された値を書き出しています。)
実行結果:

目次に戻る