为什么JavaScript无法像PHP一样用[]创建带自定义键的静态数组

核心原因：两种语言的「数组」底层设计完全不同 #

你写的两段代码能直观体现两种语言数组的设计差异：
尝试在JavaScript中声明自定义键数组的写法会报错：

let arr = ['a':'a1','b':'b2','c':'c3'] //gives error

而PHP中同逻辑写法可以正常运行：

$arr = ['a'=>'a1','b'=>'b2','c'=>'c3'] //works

具体的设计考量可以分为以下几点：

• JavaScript的Array是专门为有序、非负整数索引的列表场景设计的特殊对象
  它天生自带length属性，会自动跟随最大的整数索引值更新，所有内置的数组方法（forEach、map、filter等）也只会遍历整数索引对应的元素。你硬要给数组加字符串键虽然不会抛语法错误，但这些键值对不会被计入length，也不会被数组方法识别，本质和给普通对象加自定义属性没有区别。语法层面禁止[]加冒号键值对的写法，就是为了避免开发者混淆数组和键值对映射的用法。
• 语法设计上做区分的目的是保证语义清晰和性能优化
  JS从设计之初就把「有序列表」和「键值对映射」两种数据结构分开：列表用数组，键值对用普通对象、Map等结构。这种区分一方面能让开发者一眼就能判断数据结构的用途，另一方面也方便JS引擎做专项优化：比如数组可以用连续内存存储、遍历速度更快，如果允许数组用任意字符串做键，这些优化都会完全失效，反而会降低性能。
• 历史兼容约束也不支持修改现有语法
  从JS第一个版本发布到现在，数组和对象的用法边界已经固定了几十年，现有无数项目都依赖这个特性运行，如果新增[]支持自定义键的语法，会破坏大量现有代码的逻辑，完全得不偿失，毕竟已经有成熟的键值对结构满足对应的需求。

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