在 js 中为什么如下方式会找不到值？

[qq309187341]

let a = {
b: {
c: {
d: 1
}
}
}

let z = 'c.d'
console.log(a.b[z]) // undefined
为什么？
如何才能正常找到

[DingJZ]

js 本来就不支持这种玩法，可以用第三方的库，lodash 之类的

[qq309187341]

@DingJZ 不借用第三方，有什么别的写法，如果 z 只有一层 z='c'这样是能找到 c 的，但是再加一层就找不到了

[GressJoe]

eval ，不过容易 boom

[vagary]

哈哈哈哈哈
a={b:{'c.d':1}}; z='c.d'; console.log(a.b[z])能找到

[DOLLOR]

要么直接用 lodash ，要么自己参考 lodash 的源码自己实现一个 get 方法。
我倒是好奇有什么编程语言能这样来的？

[thinkershare]

因为 c.d 是一个合法的属性，JS 的对象本质是个 string|symbol-> any 的字典映射。

[chenmobuys]

啥语言能这样写，这估计是第三方库的处理吧

[wangtian2020]

let a = {
b: {
c: {
d: 1,
},
},
}

let z = 'c.d'
console.log(eval(`a.b.${z}`)) // 1

[rongchuan]

@qq309187341
你声明的'c.d'是一个 string 。a.b[z]是从 a 的 b 属性这个对象上，去找 key 值是 z 的 value ，也就是找 key 值是'c.d'的 value 。显然没有这个 value
这跟第三方库没关系，你没有理解 key 的概念，.不是随便就能.的

[lower]

a.b['c']['d'] 能找着🤣

[qq309187341]

@rongchuan 哦。我明白了，c.d 是一个整体，而不是 c 下的 d 。所以合在一起就成了 a.b.'c.d'是这样对吧。哈哈哈哈

[qq309187341]

@lower 哈哈哈，你这个也行。我理解错了。确实要用你这样的写法才可以

[heishu]

#8 和 #10 是两种可行的方法，一个是处理字符串，一个是对象依次找值

[pendulum]

有点想当然了，JS 根本没有这种特性

[hervey0424]

let a = { 'b.c': 123, b: { c: 456 } };
console.log(a.b.c); // 456
console.log(a['b.c']); //123

[enchilada2020]

我居然看了好久才明白你的代码意图是什么。。。。所以反过来我想问的是 哪个语言能支持你这样的写法取值？

[mynameislihua]

lodash get

[webcape233]

什么样的需求这是...

[zhouyg]

根本原因 js 不知道你传入的 c.d 是一个整体的字符串 key 还是可以分割的访问 key ，这里是有歧义的。支持这个特性也很简单，那就是在语言层面新增一个语法来消除这个歧义

[3000codes]

可以用 Object.defineProperty 劫持它的 key,然后把 c.d 转化一下