函数参数形式访问多维数组元素时，点语法为何不可用？

Hey there, let's break down why your dot syntax isn't working here and what's going on under the hood.

问题的核心原因 #

JavaScript的点语法（.）和方括号语法（[]）在属性访问上有一个关键区别：

• 点语法要求属性名是固定的标识符字面量：当你写 demo.justParam 时，JavaScript会把justParam当成一个字面量的属性名称——它会去demo对象里找名为"justParam"的属性，而不是去读取你定义的justParam变量的值。
• 你的服务器返回的数据里根本没有"justParam"这个键（只有temperature、humidity这类字段），所以自然拿不到目标值；同时ESLint提示'justParam' is assigned a value but never used，因为你定义了变量justParam，但demo.justParam里的justParam和这个变量完全没关系，变量确实没被实际用到。

而方括号语法恰好解决了这个问题：demo[justParam]里的justParam会被先求值（比如变成字符串"temperature"），然后用这个值去查找对应的属性，这才是你想要的动态属性访问逻辑。

有没有用点语法的替代方案？ #

很遗憾，没有办法用纯点语法实现动态属性访问——点语法的设计初衷就是用于访问静态的、提前已知名称的属性。如果你要根据变量或表达式来动态获取属性，方括号语法是JavaScript提供的标准且唯一的解决方案。

不过可以给你优化一下代码里的写法，比如不用额外定义justParam变量，直接用参数just：

temp3.push(temp2[index][just]);

这样更简洁，也能避免ESLint的未使用变量提示。

另外，也可以用ES6的Array.prototype.map来简化你的循环逻辑，让代码更干净：

temp3 = temp2.map(item => item[just]);

这样就不用手动写for循环了，可读性更高。

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