A technique for simultaneously replacing two values in a single call to the replace function

Question

A technique for simultaneously replacing two values in a single call to the replace function

Is there a way to replace two or more instances at once with a single replace call?

I have not attempted anything yet, as I am unsure of how to proceed.

let links = {
   _init: "https://%s.website.com/get/%s",
}

Here, you can see that I have a link with 2 instances of %s that I want to replace. I am considering something like this:

links._init.replace('%s', 'name', 'query')

Of course, this will not work. I am curious if there is an alternative method to achieve this. I am aware that languages such as Python and C# offer similar functionality.

javascript

Answer 1

Answer №1

One technique is to utilize a replacer function along with an array that is manipulated using the shift() method:

let URLs = {
   _init: "https://%s.website.com/get/%s"
};
const replacements = ['name', 'query'];
const modifiedURL = URLs._init.replace(
  /%s/g,
  () => replacements.shift()
);
console.log(modifiedURL);

If you prefer not to modify the original array, you can employ a counter that increments with each iteration:

let URLs = {
   _init: "https://%s.website.com/get/%s"
};
const replacements = ['name', 'query'];
let index = 0;
const modifiedURL = URLs._init.replace(
  /%s/g,
  () => replacements[index++]
);
console.log(modifiedURL);

Answer 2

One technique is to utilize a replacer function along with an array that is manipulated using the shift() method:

let URLs = {
   _init: "https://%s.website.com/get/%s"
};
const replacements = ['name', 'query'];
const modifiedURL = URLs._init.replace(
  /%s/g,
  () => replacements.shift()
);
console.log(modifiedURL);

If you prefer not to modify the original array, you can employ a counter that increments with each iteration:

let URLs = {
   _init: "https://%s.website.com/get/%s"
};
const replacements = ['name', 'query'];
let index = 0;
const modifiedURL = URLs._init.replace(
  /%s/g,
  () => replacements[index++]
);
console.log(modifiedURL);

A technique for simultaneously replacing two values in a single call to the replace function

Answer №1

Similar questions

How do I make the message "document.getElementById(...) is null" become true?

The hyperlink in the mobile version of the mega menu is unresponsive in HTML

Creating atomic controller actions in Sails.js: A guide to optimizing your controller functions

What is the best method for transferring properties to the parent component using Vue router?

"React-pdf throws an error stating that `Buffer` is not defined

Setting a default value in a multi-select dropdown using react-select

Exploring the power of AngularJS with ng-click functionality and utilizing services

Having trouble with your angular.jg ng controller functioning properly?

Issues with synchronizing Firebase and Node.js?

Guide to setting up collapsible sections within a parent collapsible

I am facing an issue with Lotties having a black background in my NextJS project. Is there a way to make them transparent

Tips for successfully transferring an image through an XMLHttpRequest

Is it possible to make API calls within the componentWillMount lifecycle method in React?

How can I delete the global styles defined in _app.js for a particular component in Next.js?

Setting the 'redirect_uri' for Identity Server 4 in a React JS application and directing it to a specific view using a route

Determine if an element from the first array is present in the second array

Tips for enabling or disabling elements within an array using React JS

Incorporating a rigged and animated asset into a preexisting scene using Three.js

Having trouble with radio button validation in JS?

the issue of undefined values continue to persist