如何优化这段返回结构化数组的Vue计算属性JS代码？

云原生阿岚

2026-8-11

优化方案

可以通过提取公共重复项的方式简化代码，既减少冗余，也提升后续的可维护性——毕竟如果profile相关的字段需要修改，只需要改一处即可。

写法一：提取公共项 + 三元表达式

// 抽离重复的profile条目
const profileEntry = { 
  label: this.$t('profile'), 
  value: this.acc.AccountNumber, 
  id: 'ProfileNumber' 
};

return this.isThis 
  ? [
      { label: this.$t('market'), value: this.acc.label, id: 'market' },
      profileEntry,
      { label: this.$t('account'), value: this.acc.profile, id: 'account' }
    ]
  : [profileEntry];

写法二：扩展运算符简化数组拼接

如果偏好更紧凑的逻辑，也可以用扩展运算符直接合并基础数组与条件项：

const baseEntries = [{ 
  label: this.$t('profile'), 
  value: this.acc.AccountNumber, 
  id: 'ProfileNumber' 
}];

return this.isThis 
  ? [
      { label: this.$t('market'), value: this.acc.label, id: 'market' },
      ...baseEntries,
      { label: this.$t('account'), value: this.acc.profile, id: 'account' }
    ]
  : baseEntries;