JavaScript中能否使用数组作为对象的索引？

结论 #

你的这种写法在当前数值数组的场景下确实可以正常运行，但存在隐性风险，不建议直接在生产环境使用。

原理说明 #

JavaScript 普通对象的键仅支持字符串和 Symbol 两种类型，当你传入数组作为键时，JS 会自动调用数组的 toString() 方法将其转换为逗号拼接的字符串：

// 你写的代码
rectangles[[0, 0, 8, 16]] = {foo: 'bar'}
// 实际执行的逻辑等价于
rectangles[[0, 0, 8, 16].toString()] = {foo: 'bar'}
// 也就是
rectangles['0,0,8,16'] = {foo: 'bar'}

所以你给出的示例代码确实可以正确取值，符合你的预期。

存在的风险 #

这种隐式转换的写法有几个明显的坑：

• 如果后续数组元素中出现包含逗号的内容（比如字符串值），转换后的字符串会和预期不符，直接导致存取匹配失败
• 代码可读性差，其他维护人员看到数组作为对象键时，很难第一时间反应过来是依赖隐式 toString() 逻辑，容易误改出bug
• 如果你后续将存储结构从普通对象换成 ES6 Map 会直接失效：Map 是严格按引用匹配键的，两个内容完全相同的不同数组实例会被识别为两个不同的键

更稳妥的实现方案 #

如果你不想自己写字符串拼接逻辑，可以保留现有写法，但建议补充注释说明隐式转换逻辑；如果追求稳定性，更推荐以下两种写法：

1. 显式转换字符串，逻辑透明无隐性问题：

// 存
const key = [0, 0, 8, 16].join(',')
rectangles[key] = {foo: 'bar'}
// 取
const this_rectangle = rectangles[[0, 0, 8, 16].join(',')]

2. 如果后续需要支持非字符串类型的键匹配，直接使用 Map 结构，搭配显式字符串键即可兼顾灵活性和稳定性。

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