how to use an array to replace parts of a string

Question

If I have an array of values ['123', '456', '789'] what approach can I use to iterate over this array and replace, in matching sequence, parts of a string that have the value :id (for example users/:id/games/:id/server/:id)?

At the moment, I've been toying around with a .forEach(), but the initial value isn't getting updated per iteration. Curious how the following example could be altered in a way that would allow me to pass in an updated version of the string with one less :id on it.

goal:

input: { target: 'users/:id/games/:id/server/:id', ids: ['123', '456', '789'] }

output: 'users/123/games/456/server/789'

const injectPathVariables = (
  target: string,
  ids: string[]
): string => {
  let newStr: string | undefined;
  ids.forEach(id => {
    if (newStr === undefined) {
      newStr = target.replace(':id', id);
      return;
    }
    newStr.replace(':id', id);
  });
  return newStr;
};

What's your input, and expected output? You should add those to your question and try to create a minimal reproducible example. — Andy
– Andy, Commented Sep 5, 2021 at 22:54

DecPK · Accepted Answer · 2021-09-05 23:15:57Z

2

let string = "users/:id/games/:id/server/:id";
const arr = ["123", "456", "789"];
arr.forEach((i) => {
  string = string.replace(":id", i);
});

console.log(string);

Here it is in action.

edited Sep 5, 2021 at 23:15

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

answered Sep 5, 2021 at 23:05

Riza Khan

3,2485 gold badges30 silver badges63 bronze badges

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

Comments

Ahmed Essam ElDessouki · Accepted Answer · 2021-09-05 22:59:31Z

0

Array.forEach() irritates the array.

Array.map() irritates the array and returns a new array.

const injectPathVariables = (
  target: string,
  ids: string[]
): string => {
  let newStr: string | undefined;
  ids.map(id => {
    if (newStr === undefined) {
      newStr = target.replace(':id', id);
      return; // this will result in replacing id with Undefined 
    }
    newStr.replace(':id', id);
  });
  return newStr;
};

answered Sep 5, 2021 at 22:59

Ahmed Essam ElDessouki

1,1312 gold badges8 silver badges4 bronze badges

Collectives™ on Stack Overflow

how to use an array to replace parts of a string

goal:

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

goal:

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related