How to perform global substring replacement in Javascript while applying a specific rule?

Question

How to perform global substring replacement in Javascript while applying a specific rule?

Is there a way to create a function that can replace substrings in a large string based on specific rules?

For instance, I need every digit associated with pageX in the string to increase by 10.

function replace(str, increment){}

Using

replace("pageX : 100, pageY: 200,......pageX : 120...", 10)

would result in

"pageX : 110, pageY: 200,......pageX : 130..."

I am aware of methods like

string.replace(/pageX:/g,someStr)

for simple replacements, but how can I apply specific rules to each replacement?

javascript string

Answer 1

Answer №1

Have you considered utilizing the replace function callback for this task:

var text = "pageX : 100, pageY: 200,......pageX : 120...";
text = text.replace(/(\d+)/g, function(match, digits) {
    return (+digits + 10);
});
console.log(text);

See it in action here: http://jsfiddle.net/ytptN/

Answer 2

Have you considered utilizing the replace function callback for this task:

var text = "pageX : 100, pageY: 200,......pageX : 120...";
text = text.replace(/(\d+)/g, function(match, digits) {
    return (+digits + 10);
});
console.log(text);

See it in action here: http://jsfiddle.net/ytptN/

Answer 3

Answer №2

Utilize Regexp in JavaScript to identify all numbers by using the pattern \d+ and then leverage the String.replace method to replace them accordingly with a function call. You can manipulate or multiply the matched numbers within the function before inserting them back into the text.

Answer 4

Utilize Regexp in JavaScript to identify all numbers by using the pattern \d+ and then leverage the String.replace method to replace them accordingly with a function call. You can manipulate or multiply the matched numbers within the function before inserting them back into the text.

How to perform global substring replacement in Javascript while applying a specific rule?

Answer №1

Answer №2

Similar questions

The click event does not seem to be functioning properly within a contenteditable div

Tips for detecting the existence of scrollbar on a webpage and retrieving its coordinates

What is the most reliable database for handling daily data?

Transform TypeScript class into an object

Tips for keeping a specific key value pair as the final entry in a Typescript Object

AngularJS $http get isn't functioning properly, but surprisingly $.ajax works perfectly

Ways to design a vertical tab using CSS and JavaScript

There was an unhandled rejection error stating: "TypeError - Unable to access property 'push' as it is undefined"

The Integration of Google Books API with Ajax Technology

How to remove checkbox border using HTML, JavaScript, and CSS

Using THREE.js to cast rays from a secondary camera onto the scene

Having trouble with the npm Twitter API functionality?

When attempting to make my styles responsive, I found that they broke due to duplicate classes on the landing page I was creating with next.js and styled components

Vue.js bootstrap-vue input number has a unique MaxLength feature that sets the

Tips on implementing two ng-repeat directives within a specific element

The @output decorator in Angular5 enables communication between child and

Choosing a specific category to display in a list format with a load more button for easier navigation

Issue: The system is unable to locate the "moduleIntro.js" module while executing the "http" command

Sending string variable from Perl CGI script to HTML frontend

Blunder! Error code EINVALIDTAGNAME encountered while trying to install a package