如何给JavaScript对象的属性新增多个值？有什么更优的实现方式？

问题根源 #

• 你目标示例中name: 1 true的写法不符合JavaScript语法规范，无法作为合法的属性值存在。
• 你尝试的arr.email[2] = true写法无效果也不报错，是因为arr.email本身是数字类型的基础值，JavaScript不允许给基础类型值添加自定义属性，这类操作会静默失败。

可行实现方案 #

方案1：属性值用数组存储（适合仅需新增1个额外信息的场景） #

将原来的数值和新增的布尔值按顺序存为数组，取值时按下标读取即可：

// 改造后的对象
const arr = {
  name: [1, true],
  address: [1, false],
  phone: [2, true],
  email: [5, true]
}

// 操作示例
console.log(arr.name[0]) // 输出原数值1
console.log(arr.name[1]) // 输出额外布尔值true
arr.name[1] = false // 修改布尔标记

方案2：属性值用对象存储（更优，适合后续可能扩展额外信息的场景） #

给每个属性单独封装成对象，用不同键区分原数值和额外信息，语义更清晰，不需要记忆下标含义：

// 改造后的对象
const arr = {
  name: {
    value: 1,
    isEnabled: true // 可以根据业务含义自定义键名，可读性更高
  },
  address: {
    value: 1,
    isEnabled: false
  },
  phone: {
    value: 2,
    isEnabled: true
  },
  email: {
    value: 5,
    isEnabled: true
  }
}

// 操作示例
console.log(arr.name.value) // 输出原数值1
console.log(arr.name.isEnabled) // 输出额外布尔值true
arr.name.isEnabled = false // 修改布尔标记

方案选择建议 #

如果后续只需要保留这一个额外布尔标记，选数组方案更简洁；如果后续可能新增更多附加信息，优先选对象方案，后期维护成本更低。

内容的提问来源于stack exchange，提问作者MeltingDog