javascipt(vue.js)で、オブジェクトのkeyを引数にvalueを返す方法を知りたい

Question

前提・実現したいこと

Vue.jsで、とある引数を受けてそれをkeyとし、valueを返すメソッドを定義したいです。
Vueというよりはjavascriptのお話かもしれませんが、お詳しい方、ご教示お願いできませんでしょうか？
（下記①＆②です。）

該当のソースコード

// ~/consts/statusList.js

// 定数定義する
const STATUS_LIST = {
  0: "OK",
  1: "NG",
  2: "UNKNOWN",
}

// 定数リストを返すメソッド
export const statusList = () => {
  return STATUS_LIST;
}

// 引数iをkeyにしたvalueを返すメソッド★★★★★★★ここが知りたい①★★★★★★★
export const statusValue = (i) => {
  return xxx // iが0なら"OK", 1なら"NG"などkeyに対してvalueを返したい
}

呼び元のファイル

<!-- ~/components/status.vue -->
<template>
  <div class="status">
    <!-- ★★★★★★★ここが知りたい②★★★★★★★ -->
    {{statusValue(itemValue)}} <!-- itemValueが0なら"OK"と表示したい -->
  </div>
</template>

<script>
import {statusList, statusValue} from "~/consts/statusList";

export default {
  data() {
    return {
      statusList,
    }
  },
  props: {
    itemValue: Number, //別のコンポーネントから0,1,2のいずれかが渡ってくる
  },
  methods:{
    statusValue,
  }
}
</script>

mapなども試してみたのですが、うまくいかず...
javascriptやVueにお詳しい方、ご教示お願いできませんでしょうか。
よろしくお願いします。

Answer 1

この場合であればiに数字が入るので特に深く考えずに配列に添え字で取得すれば良いと思います

STATUS_LIST[0] //OK
STATUS_LIST[1] //NG

のようになるはずです

export const statusValue = (i) => {
  return STATUS_LIST[i];
}

Comments

[umino]

mouse_484さん
さっそくのご回答ありがとうございます。
STATUS_LIST[i]と、iにkeyを指定するとvalueが取得できるので、添字で対応すれば 良いのですね。
難しく考えすぎていました...
今、教えていただいたように実行したところ、期待する動作をしました。
ご教示いただけて大変助かりました。ありがとうございました。