Substitute terms in a sentence according to the guidelines

Question

Substitute terms in a sentence according to the guidelines

Looking to transform strings based on specific rules?

"Hello {{firstName}}, this is {{senderName}}."

Consider the following rules:

rules = {
  firstName: "Alex",
  senderName: "Tracy"
}

The expected output would be:

"Hello Alex, this is Tracy."

If you need a versatile function to automate this process for any string and set of rules, look no further.

Take for instance:

let array = "Hello {{firstName}} {{lastName}}, this is {{senderName}}."
rules = {
  firstName: "Alex",
  lastName: "James",
  senderName: "Tracy"
}
expectedResult = "Hello Alex James, this is Tracy."

Your assistance in achieving this task would be highly valued.

typescript

Answer 1

Answer №1

One way to dynamically replace variables with their corresponding values in a string is by looping through the rules object and using the replace method.


function resolveVariables(rules, str){
  for(let key in rules){
    str = str.replace("{{"+key+"}}", rules[key]);
  }
  return str;
}

let message = "Hello {{firstName}} {{lastName}}, this is {{senderName}}.";
const rules = {
  firstName: "Alex",
  lastName: "James",
  senderName: "Tracy"
};

console.log(resolveVariables(rules, message));

Answer 2

One way to dynamically replace variables with their corresponding values in a string is by looping through the rules object and using the replace method.


function resolveVariables(rules, str){
  for(let key in rules){
    str = str.replace("{{"+key+"}}", rules[key]);
  }
  return str;
}

let message = "Hello {{firstName}} {{lastName}}, this is {{senderName}}.";
const rules = {
  firstName: "Alex",
  lastName: "James",
  senderName: "Tracy"
};

console.log(resolveVariables(rules, message));

Answer 3

Answer №2

To enhance your code, consider utilizing a replacement function that can be utilized with String.prototype.replace:

const str = "Hello {{firstName}} {{lastName}}, this is {{senderName}}."
const mapping = {
  firstName: "Alex",
  lastName: "James",
  senderName: "Tracy"
}
const compile = (template, rules) => template.replace(/{{(.+?)}}/g, (match, group) => rules[group]);

const result = compile(str, mapping);
console.log(result);

Answer 4

To enhance your code, consider utilizing a replacement function that can be utilized with String.prototype.replace:

const str = "Hello {{firstName}} {{lastName}}, this is {{senderName}}."
const mapping = {
  firstName: "Alex",
  lastName: "James",
  senderName: "Tracy"
}
const compile = (template, rules) => template.replace(/{{(.+?)}}/g, (match, group) => rules[group]);

const result = compile(str, mapping);
console.log(result);

Substitute terms in a sentence according to the guidelines

Answer №1

Answer №2

Similar questions

NextJS 13 causes tailwind to malfunction when route group is utilized

Angular: Connecting template data to different visual presentations

Having trouble converting the response into a valid TypeScript value for storage

Create a function in JavaScript that is able to accept a variable number of objects as arguments

What is the best way to enhance a react-bootstrap component with TypeScript?

Unexpected output from nested loop implementation

Utilizing a powerful combination of Angular 5, PrimeNG charts, Spring Boot, and JHipster

Tips for delivering a variable to a React Native Stylesheet

Can a decorator be added to a Typescript class after it has been created?

Implementing TypeScript in React FlatList

Aligning validation schema with file type for synchronization

What is the process of extracting information from a JSON file and how do I convert the Date object for data retrieval?

Angular4 Leaflet Map encountering errors

Using optional function arguments with destructured arguments in TypeScript can result in throwing an error

There appears to be an issue with the compilation of the TypeScript "import { myVar }" syntax in a Node/CommonJS/ES5 application

`The flaw in filtering logic - an analysis`

What are the recommended guidelines for using TypeScript effectively?

What is the best way to create a dynamic URL linking to an external site in Angular 5?

Tips for fixing TypeScript compiler error TS2339: Issue with accessing 'errorValue' property in Angular 5 project

How Vue3 enables components to share props