javascript nested template strings

Question

In javascript, assume some data definitions similar to these ones:

y='${z}' 
z='hi' // y and z can be constants, or read from file, or ...
x=`===${y}===`

Is it possible to write a "simple" javascript code that finishes with "x" being equal to "===hi===" instead of "===${z}===" ?

( note the steps to find the target result are "===${y}===" => "===${z}===" => "===hi===" ).

That is, could behavior of template strings (replacement of ${k} by k value) be used in a "loop" until no more ${} to replace in the resulting string ?

Better if the solution allows data be stored in a map instead of in the current context. That is, starting from

data = { x : '===${y}===', y: '${y}', z='hi' }

the call:

myFunction(data, 'x')

should return '===hi==='.

When you say "recursive", can you show an example of this? How should a string like ===${${y}y}=== be interpreted? — ggorlen
– ggorlen, Commented Jun 14, 2019 at 15:38
If you set y='${z}' to y=`${z}`, it is ok. Print x and it will print the expected result. — sjahan
– sjahan, Commented Jun 14, 2019 at 15:41
@ggorlen: if necessary, we can assume that inside ${} only a valid js identifier will be present. however, the best sequence for the case you present is ===${${y}y}=== -> ===${${z}y}=== -> ===${hiy}=== -> ====== — pasaba por aqui
– pasaba por aqui, Commented Jun 14, 2019 at 15:43
About having everything in the same object, I doubt you can do it without making something fishy. — sjahan
– sjahan, Commented Jun 14, 2019 at 15:45

Esc Điệp · Accepted Answer · 2019-06-15 07:28:30Z

It is possible by using eval.
Below code show the way to do this job in global context.

x = '===${y}===';
y = '${z}';
z = 'hi';

template = x;
result = x;
do {
    template = result;
    result = eval("`"+template+"`");
} while(result != template);
result;

In non global context, you can create a function as a string and pass to the eval function. Below code show how to do this.

let data = { x : '===${y}===', y: '${z}', z : 'hi' }
let myFunction = function(data, member) {
    let env = ["(function() { \n"];
    for(let prop in data){
        env.push("\tlet ");
        env.push(prop);
        env.push(" = '");
        env.push(data[prop]);
        env.push("';\n");
    }
    let template = data[member]
    let result  = data[member];
    do {
        template = result;
        env.push("\treturn `"+template+"`;\n");
        env.push("})();");
        result = eval(env.join(""));
        env.pop();
        env.pop();
    } while(result!=template);

    return result;
}
myFunction(data, "x");

Collectives™ on Stack Overflow

javascript nested template strings

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related