A seguir, juntamente com as linhas de Como representar claramente uma.b[c.d][e].f[g[h[i.j]]] como um objeto de uma árvore?, como você poderia escrever um algoritmo para gerar essa JS AST a partir da expressão a.b[c.d][e].f[g[h[i.j]]]
? Eu estou tentando escrever parser a gerar algum tipo de estrutura de objecto a partir desta expressão (de preferência, mais intuitiva do que a JS AST MemberExpression
aquele, portanto, que outra questão). Eu gostaria de ver como o algoritmo funciona para construir o JavaScript MemberExpression
árvore.
Atualmente eu tenho este tipo de algoritmo para gerar algum tipo de árvore (mas parece ser incorreto atualmente):
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]
}
O resultado desejado é este (ou melhor, mais intuitivo estrutura de dados se você é tão inclinado para criar um):
{
"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
}
A razão que eu estou lutando (parcialmente) é que eu não gosto deste MemberExpression
estrutura de árvore, é sentimento para trás e não muito intuitivo. Então, se você poderia construir um mais simples, mais simples, com estrutura de dados que seria o ideal (que foi a outra questão), mas se não, em seguida, um algoritmo para construir este iria me indo.
Pessoalmente, eu gostaria de, ao invés de tentar criar essa estrutura, como acho que é mais intuitiva:
{
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'
}
]
}
]
}
]
}
]
}
Mas cada uma trabalha para mim (ou ambos).
Se formos com o segundo, o meu problema vai ser como converter-se que a estrutura de dados para o MemberExpression
árvore de estrutura de dados/:) Mas eu vou tentar e fazer isso a mim mesmo primeiro. Por isso é provavelmente melhor para construir o MemberExpression nesta pergunta, então eu posso trabalhar fora dessa.