Tengo hecha una función que lee las propiedades de un objeto o un array desde un string, es decir que hace lo siguiente:
renderProp({
a:{
key:"val"
}
}, "a.key"); // "val"
renderProp([
[
"a",
{
b() {
return "c";
}
}
]
], "[0][1].b"); // fn b()
La función la tengo hecha con un ciclo forEach
, sin ningún tipo de eval()
, y devuelve la propiedad que se le indique.
El problema viene cuando intento llamar a una función dentro del objeto o array
function renderProp(e, r) {
r.match(/\[[\s\S]*?\]/) && r.match(/\[[\s\S]*?\]/g).forEach(e => {
r = r.replace(e, "." + e.replace(/\"|\[|\]|\'|\`/g, ""))
});
const c = (r = r.replace(/^\./, "")).split(".");
let t = e;
return c.length > 0 && c.forEach(e => {
t = t[e]
}), t
}
console.log(renderProp([
[
"a",
{
b(a1) {
return a1;
}
}
]
], "[0][1].b('d')"));; // undefined, debería ser "d"
console.log(renderProp([
[
"a",
{
b(a1) {
return a1;
}
}
]
], "[0][1].b"));; // fn b()