Increment a number on each replace in javascript

Question

I want to increment a number each time string.replace() replace a sub-string. for example in:

var string = "This is this";
var number = 0;
string.replace("is", "as");

When string.replace first is of This number becomes 1, then for second is of is number becomes 2 and finally for last is of this number becomes 3. Thanks in advance...! :-)

string.replace("is", "as"); will only replace the first occurrence though. Are you planning to call replace multiple times? — Felix Kling
– Felix Kling, Commented May 13, 2015 at 16:41
@FelixKling No I don't want to call the replace multiple times. — EMM
– EMM, Commented May 13, 2015 at 17:32
@ForguesR But second parameter uses to replace the text, and I also want to replace the text as well — EMM
– EMM, Commented May 13, 2015 at 17:34

user1106925 · Accepted Answer · 2015-05-13 16:39:26Z

20

You can pass a function to .replace() and return the value. You also need to use a global regex to replace all instances.

var string = "This is this";
var number = 0;

document.body.textContent = string.replace(/is/g, function() {
    return ++number;
});

answered May 13, 2015 at 16:39

community wiki

user1106925

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

6 Comments

EMM Over a year ago

But I also want to replace the text

Felix Kling Over a year ago

@EMM: just return the replacement.

EMM Over a year ago

@FelixKling And what about this: var string = "This is this"; var number = 0; string.replace(/is/g, function() { number++; return "as $1 as"; }); alert(number);

EMM Over a year ago

@FelixKling See My Answer below

Felix Kling Over a year ago

@EMM: matches are passed as arguments to the function. Please read the MDN documentation: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

|

jcubic · Accepted Answer · 2015-05-13 16:39:47Z

10

Try:

var string = "This is this";
var number = 0;
string.replace(/is/g, function() {
  number++;
  return "as";
});
alert(number);

answered May 13, 2015 at 16:39

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

Collectives™ on Stack Overflow

Increment a number on each replace in javascript

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related