JavaScriptのMapの中で使われる=>について

Question

質問

以下のようなMapがある時、=>は何を意味するのでしょうか。
関数で使われる=>とは違うのでしょうか。

Map {
  1 => { id: 1, name: 'John Smith' },
  2 => { id: 2, name: 'Mary Sue' },
  100 => { id: 100, name: 'Taro Yamada' }
}

上記のソースコードはQiitaにあるTypeScriptの練習問題にあったものです。

ご回答をよろしくお願いします。

該当の問題文も以下に転記します。

該当の問題文

以下のコードで定義される関数mapFromArrayは、オブジェクトの配列からMapを作って返す関数です。配列から取り出した各オブジェクトをMapに登録しますが、その際にキーとして各オブジェクトの指定されたプロパティの値を用います。mapFromArrayに適切な型を付けてください。

function mapFromArray(arr, key) {
  const result = new Map();
  for (const obj of arr) {
    result.set(obj[key], obj);
  }
  return result;
}

// 使用例
const data = [
  { id: 1, name: "John Smith" },
  { id: 2, name: "Mary Sue" },
  { id: 100, name: "Taro Yamada" }
];
const dataMap = mapFromArray(data, "id");
/*
dataMapは
Map {
  1 => { id: 1, name: 'John Smith' },
  2 => { id: 2, name: 'Mary Sue' },
  100 => { id: 100, name: 'Taro Yamada' }
}
というMapになる
*/

// エラー例
mapFromArray(data, "age");

Comments

[int32_t]

そのテキストはどうやって得ましたか? JavaScriptのソースコードではないですよね。

[sasa0330]

>そのテキストはどうやって得ましたか?
追記しました。

Answer 1

どのようにそのテキストを得たのか不明ですが、
おそらくですが、それはJavaScriptではなく、TypeScriptじゃないですか？

TypeScriptのMapオブジェクトをコンソールへ出力した時にそのようになる気がします。

JavaScriptにせよ、TypeScriptにせよMapオブジェクトであれば、
{key⇒value}は、Keyと対応するValueを示すものです。

例えば、1というkeyに{id: 1, name: 'John Smith'}というvalueが対応していることを示していると思います。

JavaScriptのアロー関数とは別物だと思います。

Answer 2

キーと値の関係を視覚化しただけでは？

const m=new Map([
  [1,{ id: 1, name: 'John Smith' }],
  [2,{ id: 2, name: 'Mary Sue' }],
  [100,{ id: 100, name: 'Taro Yamada'} ]
]);
console.log(m);
console.log(m.get(2));

Comments

[sasa0330]

新しい記法かと思いました。納得しました。
こちらをBAとさせていただきますが、他の方もありがとうございます！

Answer 3

JSのMapオブジェクトは連想配列。
1がキーで{ id: 1, name: 'John Smith' }は値。
=>は他の言語でもよく使われる連想配列の表示方法に合わせただけだろうから特別な意味はない。
連想配列を知ってる人なら=>に疑問を持つことはない。

Answer 4

1 => { id: 1, name: 'John Smith' }
1というkeyに対応するvalueが{ id: 1, name: 'John Smith' }ということです。