如何在vue.js中不使用循环方法将类型数组对象更改为格式化对象？

<template>
  <div>
    <!-- 在模板中使用计算属性 -->
    <div v-for="(item, index) in formattedData" :key="index">
      {{ item.name }}: {{ item.value }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      types: [
        { name: 'Type A', value: 1 },
        { name: 'Type B', value: 2 },
        { name: 'Type C', value: 3 }
      ]
    };
  },
  computed: {
    formattedData() {
      // 使用reduce方法将类型数组对象转换为格式化对象
      return this.types.reduce((formatted, type) => {
        formatted.push({ name: type.name, value: type.value * 10 });
        return formatted;
      }, []);
    }
  }
};
</script>