[JavaScript]連想配列の全ての値を取得するには？

どうも、ちょげ(@chogetarou)です。

連想配列の全ての値(value)を取得する方法を紹介します。

方法

連想配列の全ての値(value)を取得する方法は、ObjectとMapで異なります。

Objectの場合

Objectの連想配列の全てのキーを取得するには、Object.values()を使います。

具体的には、map.values()のように、Mapの連想配列からvalues()を呼び出します。

const values = map.values();

上記のvalues()は、呼び出したMapの連想配列の全ての値をイテレーターとして取得します。

使用例

const numbers = new Map([[ "one", 1], ["two", 2], ["three", 3], ["four", 4], ["five", 5 ]]);

const values = numbers.values();

console.log(values);

出力：
[Map Iterator] { 1, 2, 3, 4, 5 }

Mapの場合

Mapの連想配列の場合は、values()を使います。

具体的には、map.values()のように、Mapの連想配列からvalues()を呼び出します。

const values = map.values();

上記のvaluees()は、呼び出したMapの連想配列の全ての値をイテレーターとして取得します。

Mapの全ての値を配列として取得したい場合は、Array.from()もしくはスプレッド構文を使います。

const values = [...map.values()];

const values = Array.from(map.values());

使用例

const numbers = new Map([[ "one", 1], ["two", 2], ["three", 3], ["four", 4], ["five", 5 ]]);

const values = numbers.values()
const values2 = [...numbers.values()];
const values3 = Array.from(numbers.values());

console.log(values);
console.log(values2);
console.log(values3);

出力：
[Map Iterator] { 1, 2, 3, 4, 5 }
[ 1, 2, 3, 4, 5 ]
[ 1, 2, 3, 4, 5 ]

まとめ

連想配列の全ての値(value)を取得する方法は、ObjectとMapで違います。

• Objectの場合
  const values = map.values();
• Mapの場合
  const values = map.values();

[JavaScript]文字列の文字数を取得するには？

文字列(string)の文字数を取得する方法を紹介します。

www.choge-blog.com

2022.07.31

[JavaScript]配列(Array)の最大値を取得するには？

配列(Array)の最大値を取得する方法を紹介します。

www.choge-blog.com

2022.07.30

[JavaScript]文字列に変数を埋め込むには？

文字列に変数を埋め込む方法を紹介します。

www.choge-blog.com

2022.02.13