Vanilla JS（有趣的一个）：从字符串访问深埋的JSON节点的最佳方式；“地图”； 领先
我只是偶然遇到了（一个不那么做作的版本）我在下面列出的情景。我可以想出几十种方法来处理它——从递归函数到将其呈现到DOM，再到使用treewalker——如果我知道JS中有一些晦涩难懂的东西可以处理这个精确的问题，我甚至都不会感到惊讶，我只是不知道 事情是，它比你想象的更像一个面条商。继续读下去。我保证它会钩住你 看，我已经做了25年的JS开发人员了。越来越多地，我的部分职责越来越涉及采访潜在的前端开发人员。我非常喜欢这个问题，把它作为我的“了解应聘者的想法”面试问题之一介绍给我。我真的很感激任何人的意见，我也很想看看人们在野外是如何解决这个问题的 数据结构 好极了。。。假设我有一个巨大（但有效）的JSON对象 让我们称之为n层深度（比如关系数据库转储之类。这里与用例无关；这是我感兴趣的策略），由不同的数据类型（例如数组、对象、字符串、数字、布尔值等）组成 示例对象Vanilla JS（有趣的一个）：从字符串访问深埋的JSON节点的最佳方式；“地图”； 领先,json,performance,dictionary,parsing,javascript-objects,Json,Performance,Dictionary,Parsing,Javascript Objects,我只是偶然遇到了（一个不那么做作的版本）我在下面列出的情景。我可以想出几十种方法来处理它——从递归函数到将其呈现到DOM，再到使用treewalker——如果我知道JS中有一些晦涩难懂的东西可以处理这个精确的问题，我甚至都不会感到惊讶，我只是不知道 事情是，它比你想象的更像一个面条商。继续读下去。我保证它会钩住你 看，我已经做了25年的JS开发人员了。越来越多地，我的部分职责越来越涉及采访潜在的前端开发人员。我非常喜欢这个问题，把它作为我的“了解应聘者的想法”面试问题之一介绍给我。我真的很感激任
const singledOut = {
planets: [
// Author's note: to distinguish these ellipses from the spread operator, I'll italicize 'em :)
...
{"Venus": {...}},
{"Earth": {
...
"composition": [...],
"continents": [
...
"Europe": {...},
"NorthAmerica" {
...
"climates": [...],
"countries": [
"Canada": {...} // ...and so on; you get the idea. Once we've drilled
"Mexico": {...} // far enough down to get good and granular, assume we'd
"UnitedStates": {...} // start seeing simple data types (string, numbers, etc)
],
"currencies": [...],
...
},
"SouthAmerica" {...},
...
],
"craters": [...]
...
{"Mars": {...}},
...
]
}
"planets~Earth~continents~NorthAmerica~countries~UnitedStates~states~California~ ... ~Disneyland~fauna~giant mice"
定位器 现在让我们假设我有一个动态生成的、以字符串形式分隔的路径，指向其中包含的某个节点的“地址”。假设我们使用波浪号（~）作为分隔符，并且还声明数据源没有这些字符（或者它们是经过编码的），以避免数据污染/需要处理转义字符 一些深埋的数据信息的样本“路径”
const singledOut = {
planets: [
// Author's note: to distinguish these ellipses from the spread operator, I'll italicize 'em :)
...
{"Venus": {...}},
{"Earth": {
...
"composition": [...],
"continents": [
...
"Europe": {...},
"NorthAmerica" {
...
"climates": [...],
"countries": [
"Canada": {...} // ...and so on; you get the idea. Once we've drilled
"Mexico": {...} // far enough down to get good and granular, assume we'd
"UnitedStates": {...} // start seeing simple data types (string, numbers, etc)
],
"currencies": [...],
...
},
"SouthAmerica" {...},
...
],
"craters": [...]
...
{"Mars": {...}},
...
]
}
"planets~Earth~continents~NorthAmerica~countries~UnitedStates~states~California~ ... ~Disneyland~fauna~giant mice"
谜题 所以说真的，这里有四个问题
- 场景一：布局与上述完全相同。你有你的对象，你有你的字符串路径。我们如何将字符串应用到JSON中 得到我们想要的金块
- 场景二：也与上述相同，但这次我们只有KVP的值部分： `地球~北美~美国~加利福尼亚~橙色~阿纳海姆~游客陷阱~迪斯尼乐园~劳斯莱斯
- 场景三和场景四：与场景一和场景二相同。。。但是我们不得不从一个字符串（
'd）开始使用这个巨大的honkin'对象JSON.stringify
JSON.Parse（JSON.stringify（））“a~sample~path~like~this”[“a”][“sample”][“path”][“like”][“this”]我迫不及待地想看看结果如何！此外，你永远不会知道：也许你会是我的下一次面试 我并不自称是javascript专家，更不用说“地球上最好的开发人员之一”，但关于将
“a~sample~path~like~this”[“a”][“sample”][“path”][“like”][“this”]"a~sample~path~like~this".split('~').reduce((a,v)=>a[v], bigObject)
"countries": [
"Canada": {...}
"Mexico": {...}
"UnitedStates": {...}
]
"countries": [
{ "Canada": {...} },
{ "Mexico": {...} },
{ "UnitedStates": {...} },
]