NEW ARTICLE
RHELのドキュメント作成 – manコマンドを使った情報検索と活用法
  1. HOME
  2. javascript
  3. javascript Map内の値を反転して取得する

javascript Map内の値を反転して取得する

javascript Map内の値を反転して取得する

javascriptで、Mapを反転させて処理するサンプルコードを掲載してます。ブラウザはchromeで実行しています。「map」をスプレッド構文で配列化してから、配列を反転させる「reverse()」で反転することができます。

目次

環境

  • OS windows11 pro 64bit
  • ブラウザ chrome 106.0.5249.103
Javascript サンプル集はこちら

Mapを反転させて処理

Mapを反転させて処理するには、
1. スプレッド構文で配列化
2. 配列化したものを「reverse()」で反転
3. 「forEach」などのループ処理で値を取得
で可能です。

スプレッド構文の使い方
アロー関数のサンプル
const m = new Map([
  ['a', 10],
  ['b', 25],
  ['c', -10],
]);

const reversedArr = [...m].reverse();

reversedArr.forEach(([key, value]) => {
  console.log(key, value);
});

実行結果

値が1つしか存在しない場合は、結果に変化はありません。

const m = new Map([
  ['a', 10]
]);

const reversedArr = [...m].reverse();

reversedArr.forEach(([key, value]) => {
  console.log(key, value); // a 10
});

配列化するのに「Array.from」を使用することも可能です。

const m = new Map([
  ['a', 10],
  ['b', 25],
  ['c', -10],
]);

const reversedArr = Array.from(m).reverse();

reversedArr.forEach(([key, value]) => {
  console.log(key, value);
});