Replace expression into javascript variable placeholders

Question

Need javascript regex pattern to convert all {{variableName}} expression into Javascript variable placeholders like ${variableName} in a provided string.

let str = 'Lorem ipsum dolor {{variable1}}, sit amet consectetur {{otherVaraible}} elit. Iure facilis quaerat obcaecati tempore {{variable2}} praesentium, nisi culpa vero';

Expected:

let str = 'Lorem ipsum dolor ${variable1}, sit amet consectetur ${otherVaraible} elit. Iure facilis quaerat obcaecati tempore ${variable2} praesentium, nisi culpa vero';

Thanks,

Renato Sant'Anna · Accepted Answer · 2020-12-16 20:11:15Z

2

One way's use replace with regex. Follow as code:

 run1.onclick = function() {
  output1.innerHTML = input1.value.replace( /{{(.*?)}}/g, '${$1}'); 
}

<input id="input1" type="text" value="'Lorem ipsum dolor {{variable1}}, sit amet consectetur {{otherVaraible}} elit. Iure facilis quaerat obcaecati tempore {{variable2}} praesentium, nisi culpa vero'">
<input id="run1" type="button" value="run">
<br />
<span id="output1"></span>

answered Dec 16, 2020 at 20:11

Renato Sant'Anna

4582 silver badges7 bronze badges

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

Comments

Leon Bartz · Accepted Answer · 2020-12-16 20:11:38Z

0

Example generated with regex101.com.
You can play with it here

const regex = /{{(.*?)}}/gm;
const str = `Lorem ipsum dolor {{variable1}}, sit amet consectetur {{otherVaraible}} elit. Iure facilis quaerat obcaecati tempore {{variable2}} praesentium, nisi culpa vero`;
const subst = `${$1}`;

// The substituted value will be contained in the result variable
const result = str.replace(regex, subst);

console.log('Substitution result: ', result);

answered Dec 16, 2020 at 20:11

Leon Bartz

638 bronze badges

Collectives™ on Stack Overflow

Replace expression into javascript variable placeholders

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related