How to pass arguments to strings in eval() javascript?

Question

Let we have the user input stored in a variable t,

let t = '[1,2,3,4].map(e=>"<div>{{ e }}</div>")';.

Whereby a user is forced to write this syntax to execute, so on

t = t.replace(/\{\{(.*)?\}\}/g,"$1");.

We will be getting new t as,

t = '[1,2,3,4].map(e=>"<div> e </div>")'.

So now the question arises is how to pass this string to eval so that it considers it as an argument variable not the String. So, the output becomes,

<div>1</div><div>2</div><div>3</div><div>4</div>.

t = '[1,2,3,4].map(e=>"<div>" +e +" </div>")'. otherwise it is considerd as a string "+e +" — Stefan Avramovic
– Stefan Avramovic, Commented Dec 26, 2019 at 19:58
I wouldn't suggest using eval() for anything. You're opening yourself up to security risks. See the MDN docs developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…! — Steve
– Steve, Commented Dec 26, 2019 at 20:46

TopW3 · Accepted Answer · 2019-12-26 20:16:06Z

1

The answer would not be the same depending on the user input. In the current case, this code would work.

t = '[1,2,3,4].map(e=>`<div> ${e} </div>`)'

you can get this string from the original as follows.

t = t.replace(/"/g, '`').replace(/\{\{(.*)?\}\}/g, "${$1}")

edited Dec 26, 2019 at 20:16

answered Dec 26, 2019 at 20:08

TopW3

1,5371 gold badge10 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bhaumik Joshi Over a year ago

If I use template literals, and pass the variables to it. Then what about the Internet Explorer

Yousername · Accepted Answer · 2019-12-26 20:01:32Z

0

This would work:

let t = '[1,2,3,4].map(e=>"<div>{{"+e+"}}</div>")';

t = t.replace(/\{\{(.*)?\}\}/g,"$1");

t = eval(t);

t.forEach(v => {document.write(v)});

answered Dec 26, 2019 at 20:01

Yousername

1,0126 silver badges16 bronze badges

1 Comment

Bhaumik Joshi Over a year ago

It's a user input, they are not supposed to put plus sign in the string.

Collectives™ on Stack Overflow

How to pass arguments to strings in eval() javascript?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related