Strings and Text

Replace Text

Replace a placeholder inside a string.

replace-text `replace` returns a new string with the first matching piece of text changed.

Replace Text

item
replace_text.js
Replay: real traced execution (multi-file project)
const item = "tea";
const sentence = "Order: ITEM";
const message = sentence.replace("ITEM", item);
const clean = message.replace("Order: ", "");

console.log("item=" + item);
console.log("message=" + message);
console.log("clean=" + clean);

const item = "coffee";
const sentence = "Order: ITEM";
const message = sentence.replace("ITEM", item);
const clean = message.replace("Order: ", "");

console.log("item=" + item);
console.log("message=" + message);
console.log("clean=" + clean);

const item = "juice";
const sentence = "Order: ITEM";
const message = sentence.replace("ITEM", item);
const clean = message.replace("Order: ", "");

console.log("item=" + item);
console.log("message=" + message);
console.log("clean=" + clean);

  1. item ← tea, sentence ← Order: ITEM, message ← Order: tea, clean ← tea

    1const item→ tea = "tea"; //@item="coffee", "juice"2const sentence→ Order: ITEM = "Order: ITEM";3const message→ Order: tea = sentenceOrder: ITEM.replace("ITEM", itemtea);4const clean→ tea = messageOrder: tea.replace("Order: ", "");56console.log("item=" + itemtea);7console.log("message=" + messageOrder: tea);8console.log("clean=" + cleantea);
    outputitem=tea
message=Order: tea
clean=tea

  1. item ← coffee, sentence ← Order: ITEM, message ← Order: coffee

    1const item→ coffee = "coffee";2const sentence→ Order: ITEM = "Order: ITEM";3const message→ Order: coffee = sentenceOrder: ITEM.replace("ITEM", itemcoffee);4const clean→ coffee = messageOrder: coffee.replace("Order: ", "");56console.log("item=" + itemcoffee);7console.log("message=" + messageOrder: coffee);8console.log("clean=" + cleancoffee);
    outputitem=coffee
message=Order: coffee
clean=coffee

  1. item ← juice, sentence ← Order: ITEM, message ← Order: juice, clean ← juice

    1const item→ juice = "juice";2const sentence→ Order: ITEM = "Order: ITEM";3const message→ Order: juice = sentenceOrder: ITEM.replace("ITEM", itemjuice);4const clean→ juice = messageOrder: juice.replace("Order: ", "");56console.log("item=" + itemjuice);7console.log("message=" + messageOrder: juice);8console.log("clean=" + cleanjuice);
    outputitem=juice
message=Order: juice
clean=juice