Javascriptで連想配列を用いてIndex番号からオブジェクトを取得したい

Question

Javascriptで連想配列を用いてindexを指定すると１つのマップオブジェクトを取得したい

以下のコードから、指定したindexによってオブジェクトを取得したいです。

したいこと

以下の値を取得できるようにしたいです。

word[0].key = 1
word[0].value = a

const words = new Map(
    [['1','a'],
    ['2','b'],
    ['3','c'],
    ['4','d']
    ]);

const randIndex = Math.floor(Math.random() * Math.floor(words.length));
const word = words[randIndex];

困ったこと

上記の場合、以下のエラーが出ます。
Cannot read property '0' of undefined
色々調べてみたのですが、連想配列からランダムでオブジェクトを取得する方法はあるでしょうか？

Comments

[hentaiman]

mapなのに0を指定して{1:a}を取得したいって事ですか？

[marokatsu]

はい。インデックス番号を指定してkey,valueを取得したいです

[hentaiman]

mapから直接ってのは無さそうです
yambejpさんの提示された方法のようにArrayにする、またはmapのkeysをループしてキーを保存するしかなさそうだ

Answer 1

javascript MAPについて検索しましょう。
Map.get(key)でvalueが取得できます。

  //Math.floor(Math.random() * Math.floor(words.length))で 0～3の整数の乱数が生成される
  //keyは1～4となっているため１を足す。
const randIndex =1+ Math.floor(Math.random() * Math.floor(words.size)); 

  //Map.get関数でvalueを取得する。keyは１～４の文字列のため、(""+num)として文字列に変換する。
const word = words.get(""+randIndex);

※コメントを受けて修正しました。

Comments

[AkitoshiManabe]

words.length 部分は words.size ですね。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Map
TypedArray の byteLength 同様で、typoを誘発してくれるプロパティです

[marokatsu]

>Kaleidoscopeさん
ありがとうございます。
試してみます。
>AkitoshiManabeさん
ありがとうございます。

Answer 2

const word=[...words].map(x=>({key:x[0],value:x[1]}));
console.log(word);

※更新

Comments

[kei344]

本文が表示されていないようです。

[yambejp]

kei344さんありがとうございます。
更新しました

[marokatsu]

>kei344さん
ありがとうございます。
>yambejpさん
ありがとうございます。
試してみます。

[hentaiman]

質問者の要望に沿うやり方をしようとするとこれしか方法ないですね。質問者の意図を正しく汲み取った回答なので高評価！

[marokatsu]

>yambejpさん
ありがとうございます。
Arrayに変換してkeyとvalueを取得できました！
>hentaimanさん
私のわかりにくい説明失礼致しました。
汲み取っていただきありがとうございます！