Следуя инструкциям о том, как четко представить a.b[c.d][e].f[g[h[i.j]]] в виде дерева объектов?, как бы вы написали алгоритм для генерации этого JS AST из выражения a.b[c.d][e].f[g[h[i.j]]]? Я пытаюсь написать синтаксический анализатор для создания какой-либо структуры объекта из этого выражения (в идеале более интуитивно понятного, чем JS AST MemberExpression один, отсюда и другой вопрос). Я хотел бы посмотреть, как работает алгоритм построения JavaScript MemberExpression дерево.
В настоящее время у меня есть такой алгоритм для создания какого-то дерева (но в настоящее время он кажется неправильным).:
const patterns = [
[/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*/, 'name'],
[/^\[/, 'open'],
[/^\]/, 'close'],
[/^\./, 'stem']
]
console.log(parsePath('a.b[c.d][e].f[g[h[i.j]]]'))
function parsePath(str) {
let node
let nest = []
let result = nest
let stack = [nest]
while (str.length) {
nest = stack[stack.length - 1]
p:
for (let pattern of patterns) {
let match = str.match(pattern[0])
if (match) {
if (pattern[1] === 'name') {
node = {
form: `term`,
name: match[0],
link: []
}
nest.push(node)
} else if (pattern[1] === 'stem') {
stack.push(node.link)
} else if (pattern[1] === 'open') {
node = {
form: 'read',
link: []
}
nest.push(node)
stack.push(node.link)
} else if (pattern[1] === 'close') {
stack.pop()
}
str = str.substr(match[0].length)
break p
}
}
}
return result[0]
}Желаемый результат таков (или лучшая, более интуитивно понятная структура данных, если вы так склонны ее создавать).:
{
"type": "MemberExpression",
"object": {
"type": "MemberExpression",
"object": {
"type": "MemberExpression",
"object": {
"type": "MemberExpression",
"object": {
"type": "MemberExpression",
"object": {
"type": "Identifier",
"name": "a"
},
"property": {
"type": "Identifier",
"name": "b"
},
"computed": false
},
"property": {
"type": "MemberExpression",
"object": {
"type": "Identifier",
"name": "c"
},
"property": {
"type": "Identifier",
"name": "d"
},
"computed": false
},
"computed": true
},
"property": {
"type": "Identifier",
"name": "e"
},
"computed": true
},
"property": {
"type": "Identifier",
"name": "f"
},
"computed": false
},
"property": {
"type": "MemberExpression",
"object": {
"type": "Identifier",
"name": "g"
},
"property": {
"type": "MemberExpression",
"object": {
"type": "Identifier",
"name": "h"
},
"property": {
"type": "MemberExpression",
"object": {
"type": "Identifier",
"name": "i"
},
"property": {
"type": "Identifier",
"name": "j"
},
"computed": false
},
"computed": true
},
"computed": true
},
"computed": true
}
Причина, по которой я борюсь (частично), в том, что мне это не нравится MemberExpression древовидная структура, это отсталое чувство и не очень интуитивно понятное. Так что, если бы вы могли построить более простую и понятную структуру данных, которая была бы идеальной (это был другой вопрос), но если нет, то просто алгоритм для ее построения заставил бы меня двигаться дальше.
Лично я бы предпочел попытаться создать эту структуру, так как нахожу ее более интуитивной:
{
type: 'site',
site: [
{
type: 'term',
term: 'a'
},
{
type: 'term',
term: 'b'
},
{
type: 'sink',
sink: [
{
type: 'term',
term: 'c'
},
{
type: 'term',
term: 'd'
}
]
},
{
type: 'sink',
sink: [
{
type: 'term',
term: 'e'
}
]
},
{
type: 'term',
term: 'f'
},
{
type: 'sink',
sink: [
{
type: 'term',
term: 'g'
},
{
type: 'sink',
sink: [
{
type: 'term',
term: 'h'
},
{
type: 'sink',
sink: [
{
type: 'term',
term: 'i'
},
{
type: 'term',
term: 'j'
}
]
}
]
}
]
}
]
}
Но либо один из них работает на меня (или оба).
Если мы перейдем ко второму, моя следующая проблема будет заключаться в том, как преобразовать эту структуру данных в MemberExpression дерево/структура данных :) Но сначала я попробую сделать это сам. Так что, вероятно, лучше построить выражение MemberExpression в этом вопросе, тогда я смогу это отработать.