ywork2020.com

Title

配列のインデックス値を取得する

目次 (INDEX)

keysとは

ここで説明するkeys とは次の語句からなるjavascriptのメソッドです。
key
読み: キー
意味: 鍵、要、手がかり

目次に戻る

keysメソッドの概要

このメソッドは、配列内の各値に添えられたインデックス番号(キー)を含む、新しい Array Iterator オブジェクトを返します。

このメソッドに類似したメソッドとして entries() があります。

目次に戻る

構文

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

var arrIterator = arr.keys();

目次に戻る

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

このサンプルでは配列 arr に代入された3つの値に添えられたキーをイテレーターオブジェクトとして取得して表示します。

サンプルコード: HTML
<body>
	<script>...</script>
</body>
  • 02: script (プログラムを実行します。)
サンプルコード: script
<script>
	let arr = ["aa", "bb", "cc"];
	let arrIterator = arr.keys();
	for(let index of arrIterator){
		document.write(index, "<br>");
	}
</script>
  • 02: arr (3つの文字値が代入された配列です。)
  • 03: arrIterator (arrのキーの値がセットになったイテレーターオブジェクトを取得して代入します。)
  • 04-6: for (繰り返し処理です。イテレーターオブジェクトからキーを順次、変数のindexに代入しながらループします。)
  • 05: write() (indexの値を出力します。)
実行結果:

目次に戻る