javascriptで配列に対してコンマ３つ区切りにしたい

Question

とても簡単なことなのですが、初学者で教えて頂きたいです。
laravelから値をvueコンポーネントに数値を渡して表示させてようとしています。
その時、カンマ３つ区切りで表示しようとしましたが、上手く配列操作が出来ません。

何か解決策はありますでしょうか？
よろしくお願い致します。

<template>
  <div>
    <table class="w-100 pt-2">
      <tr>
        <td>{{ resultArray[0] }}</td>
        <td>{{ resultArray[1] }}</td>
      </tr>
      <tr>
        <td>{{ resultArray[2] }}</td>
        <td>{{ resultArray[3] }}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default{
  props: ['tableData'],

  computed: {
    resultArray(){
      this.tableData.map(x => toLocaleString(x))
    }
  }
}
</script>

追記エラー
[Vue warn]: Error in render: "TypeError: Object.prototype.toLocaleString called on null or undefined"

Answer 1

computedのメソッド内でreturnしていないことが原因でした。
ご回答いただいたお二方、ありがとうございました。

Answer 2

こうじゃないの？

this.tableData.map(x => x.toLocaleString())

Comments

[tktail]

そうですよね。
そんな感じで書いたら

app.js:84125 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '0')"

とエラーが出たので、混乱しています。

Answer 3

hogeが定義されていないからでは？

Comments

[tktail]

ご指摘ありがとうございます。
コードを修正し、再度出たエラーを追記しました。
もしお分かりになるようでしたらよろしくお願い致します。