无论括号的数量如何，通过括号表示法访问 object 属性

Question

通过执行以下操作，可以通过括号表示法访问对象的属性：

let obj = {a: "test"}

obj["a"]

但是，我不知道也可以通过以下方式访问同一对象的属性：

let v = ["a"] // An array

obj[v]

或者

obj[["a"]]

或者

obj[[[[[[[[[["a"]]]]]]]]]]

只是想知道，这是为什么呢？

在将数组存储到变量中并错误地使用变量/数组而不是数组的第一项来访问对象的属性后，我偶然发现了这种行为，令人惊讶的是……它没有抛出错误，而是返回了值.

Answer 1

所有 object 键都是字符串。 当您使用括号符号foo[bar]时，您尝试获取的变量将被转换为字符串：

 const bar = { toString() { return "hello"; } } const foo = { hello: "world" } console.log(foo[bar]);

当 arrays 转换为字符串时，会在它们上隐式调用join(",") 。 如果数组只有一个值，则结果是字符串形式的单个值：

 const arr = ["hello"]; console.log(arr.toString()); console.log(String(arr)); console.log(arr.join(","));

如果你嵌套了 arrays，每个都有一个项目，你仍然会从转换中得到一个字符串，因为join()也会将所有成员转换为字符串，所以使用String([["hi"]])你（大致）得到：

[["hi"]].join(",") -> String(["hi"]) -> ["hi"].join(",") -> String("hi")

因此，如果您提供一个数组作为键，它就可以工作，只要您在每个数组中只有一个值：

 const foo = { hello: "world" }; const arr = [[["hello"]]]; console.log(foo[arr]); console.log(foo[String(arr)]); console.log(foo[arr.toString()]); console.log(foo[arr.join(",")]);

Answer 2

console.log(['a'].toString()); // "a"

这是因为一个键需要是一个字符串，并且 javascript 确实类型强制，将数组自动转换为字符串。