Javascript - replace words in string with object values

Question

I have a an object with keys and values where the keys are variable names. e.g:

{name: 'Simon', gender: 'male', age: 43, country: 'UK'}

I also have a string/string literal where I need to replace words starting with '#' with their respective variables name. e.g

Hello my name is #name!

I'm a #age year old #gender living in the #country.

The final result would be:

Hello my name is Simon!

I'm a 43 year old male living in the UK.

Can I get some advice on how to do this in Javascript? So far I'm just iterating through the string and finding every occurrence of '#' and trying to replace it until I see the first delimeter/special char/white space etc but don't know how to put it into code.

for(let i = 0; i < string.length; i++){
   if(string[i] == '#'){
      //not sure how to complete it
   }
}

^ Especially the version where you use a regular expression and pass it a function as the second parameter (but there has to be a dupe target for this...) — Andreas
– Andreas, Commented Dec 24, 2019 at 12:57
Like this one? How to replace specific parts in string with javascript with values from object — Andreas
– Andreas, Commented Dec 24, 2019 at 13:00

Gabriele Petrioli · Accepted Answer · 2019-12-24 13:11:55Z

6

One way would be to use a regular expression like

/#(\w+)/g

which would find in the string all the substrings starting with # and then use the .replace method to reference the values in your object

const data = {name: 'Simon', gender: 'male', age: 43, country: 'UK'};

const template = `Hello my name is #name!
I'm a #age year old #gender living in the #country.`

const result = template.replace(/#(\w+)/g, (match,key)=>data[key]||match);

console.log(result);

edited Dec 24, 2019 at 13:11

answered Dec 24, 2019 at 13:00

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

Comments

Siva Kondapi Venkata · Accepted Answer · 2019-12-24 15:55:52Z

1

var data = {name: 'Simon', gender: 'male', age: 43, country: 'UK'}

var str_list = ["Hello my name is #name!",
                "I'm a #age year old #gender living in the #country."];

var updated_str_list = str_list
    .map(str => 
        Object.keys(data).reduce((updated_str, key) => 
            updated_str.replace(`#${key}`, data[key]), str));

console.log(updated_str_list);

edited Dec 24, 2019 at 15:55

answered Dec 24, 2019 at 14:12

Siva Kondapi Venkata

11.1k2 gold badges20 silver badges32 bronze badges

Comments

StudioTime · Accepted Answer · 2019-12-24 13:02:10Z

0

Template literals will help: Learn more here

// Assign variables to an object
const myData = {name: 'Simon', gender: 'male', age: 43, country: 'UK'}

// Now extract the variables as needed - google "destructuring" if this is new to you
const { name, gender, age, country } = myData;

// Then insert the variables into your string
const myString = `Hello my name is ${name}! I'm a ${age} year old ${gender} living in the ${country}`;

console.log(myString);

edited Dec 24, 2019 at 13:02

answered Dec 24, 2019 at 12:55

StudioTime

24.4k40 gold badges129 silver badges217 bronze badges

Comments

Akshay Barpute · Accepted Answer · 2019-12-24 13:03:29Z

0

Below code will work for you.

const keysToReplace = {name: 'Simon', gender: 'male', age: 43, country: 'UK'}
let str ='I/'m a #age year old #gender living in the #country';
Object.keys.forEach(key=>{
str = str.replace(`${key}`,keysToReplace[key]);
})

answered Dec 24, 2019 at 13:03

Akshay Barpute

7312 bronze badges

Comments

Ahed Kabalan · Accepted Answer · 2019-12-24 13:08:54Z

0

Could do in one line:

str.replace(/(^|\W)#(\w+)/g, function(_, $1, $2) { return $1 + yourObject[$2] });

Example:

var obj = {name: 'Simon', gender: 'male', age: 43, country: 'UK'};
            
var str =  "I'm a #age year old #gender living in the #country.";
var newStr = str.replace(/(^|\W)#(\w+)/g, function(_, $1, $2) { return $1 + obj[$2] });
console.log(newStr);

edited Dec 24, 2019 at 13:08

answered Dec 24, 2019 at 12:57

Ahed Kabalan

8536 silver badges8 bronze badges

Comments

JGFMK · Accepted Answer · 2019-12-24 13:59:26Z

0

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display the string with data substituted.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var str = "I'm a #age year old #gender living in the #country.";
  var dictionary = {"name": "Simon", "gender": "male", "age": 43, "country": "UK"};
  for (var key in dictionary) {
    var f = '#' + key;
    str = str.replace(f, dictionary[key]);
  }
  document.getElementById("demo").innerHTML = str;
}

</script>

</body>
</html>

Useful Stack Overflow posts:

1
2

answered Dec 24, 2019 at 13:59

JGFMK

8,9824 gold badges65 silver badges101 bronze badges

Collectives™ on Stack Overflow

Javascript - replace words in string with object values

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related