How to increment number in string using Javascript or Jquery

Question

The id of my textarea is string and of this format

id='fisher[27].man'

I would like to clone the textarea and increment the number and get the id as fisher[28].man and prepend this to the existing textarea.

Is there a way to get this done easily with jquery?

var existingId = $("#at textarea:last").attr('id');
var newCloned = lastTextArea.clone();
var newId = newCloned.attr('id');
//add the index number after spliting
//prepend the new one to 
newCloned.prepend("<tr><td>" + newCloned + "</td></tr>");

There has to be easier way to clone, get index number, split and prepend.

I'm have also tried to do this with regEx

var existingIdNumber = parseInt(/fisher[(\d+)]/.exec(s)[1], 10);

Can anybody help me with this?

Starx · Accepted Answer · 2012-03-20 15:48:57Z

19

Correct regex would be this

/fisher\[\d+\].man/

Here is a way through through which you would extract the the id.

id = text.replace(/fisher\[(\d+)\].man+/g,"$1");
//Now do whatever you want with the id

Similarly, Same replacement technique can be used to get an incremented id as:

existingId = 'fisher[27].man';
newId = existingId .replace(/(\d+)+/g, function(match, number) {
       return parseInt(number)+1;
});
console.log(newId);

Demo with both usage

edited Mar 20, 2012 at 15:48

answered Mar 20, 2012 at 4:25

Starx

79.3k50 gold badges187 silver badges266 bronze badges

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

4 Comments

Starx Over a year ago

@vol7ron, Thanks you for the suggestion, hope you will like the edit.

vol7ron Over a year ago

awesome, removed my comment :)

JanZitniak Over a year ago

@Starx, thank you for you great answer and my question is if it is possible to increment number except number with special character e.g. existingId = 'fisher[27][ $27].man'; I would like increment [27] only, not [$27]. Regards Jan

Starx Over a year ago

@JanZitniak One way is this

vol7ron · Accepted Answer · 2012-03-20 13:39:49Z

3

jsFiddle Demo

No need for all the extra code. Change this line:

var newId = newCloned.attr('id');

To:

var newId  = newCloned.attr('id').replace( /(\d+)/, function(){return arguments[1]*1+1} );

edited Mar 20, 2012 at 13:39

answered Mar 20, 2012 at 4:55

vol7ron

42.3k22 gold badges126 silver badges178 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:32:01Z

3

Another easy solution from this question's accepted answer:

'url1'.replace(/\d+$/, function(n){ return ++n }); // "url2"
'url54'.replace(/\d+$/, function(n){ return ++n }); // "url55"

Very clean and readable.

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Sep 19, 2015 at 5:04

rodamn

2,22120 silver badges24 bronze badges

1 Comment

rodamn Over a year ago

To fully solve request from original post, need to remove $ from regular expression so the number doesn't need to be at the end of string.

Pithikos · Accepted Answer · 2015-12-29 17:27:53Z

2

I am amazed that there is not any good implementation for this simple thing. All of the examples forget the case of having zeroes before the number. The code below should take care of that.

// 'item001' => 'item002'
function increment_alphanumeric_str(str){
    var numeric = str.match(/\d+$/)[0];
    var prefix = str.split(numeric)[0];

    function increment_string_num(str){
        var inc = String(parseInt(str)+1);
        return str.slice(0, str.length-inc.length)+inc;
    }

    return prefix+increment_string_num(numeric);
}

Example:

> increment_alphanumeric_str('test09')
'test10'

Only drawback is that this will break if we have something like 'test99'.

answered Dec 29, 2015 at 17:27

Pithikos

20.6k19 gold badges124 silver badges148 bronze badges

2 Comments

AbingPj Over a year ago

it will not works if the string having alphabetic case in the suffix is Like This A001B

Maestro Over a year ago

This does not work if you go from 99 to 100, it will output 9100.

kerzek · Accepted Answer · 2012-03-20 04:40:31Z

1

If your Id has this format

id='fisher[27].man'

You can do something like this

   var startIndex = newId.indexOf('[');
   var endIndex = newId.indexOf(']');
   var number = parseInt(newId.substr(startIndex + 1, endIndex - startIndex - 1));
   var incrementedId = number + 1;  // 28

where

var newId = newCloned.attr('id');

edited Mar 20, 2012 at 4:40

answered Mar 20, 2012 at 4:27

kerzek

5201 gold badge6 silver badges15 bronze badges

Comments

nrabinowitz · Accepted Answer · 2012-03-20 04:30:48Z

0

You can do this pretty easily with a regex replacement:

var id = "fisher[27].man";
id = id.replace(/\[(\d+)\]/, function(match, number) {
    return '[' + (parseInt(number, 10) + 1) + ']';
});
// id is now "fisher[28].man"

answered Mar 20, 2012 at 4:30

nrabinowitz

55.7k10 gold badges152 silver badges169 bronze badges

2 Comments

Pithikos Over a year ago

What if you have fisher[07].man? It gives back fisher[8].man

nrabinowitz Over a year ago

a) Zero-padding didn't seem to be an element of the OP's use case. b) If you think this is a concern in my implementation, check out the accepted answer by @Starx, which omits the radix argument from parseInt and therefore risks parsing in base 8 for 0-padded numbers.

Collectives™ on Stack Overflow

How to increment number in string using Javascript or Jquery

6 Answers 6

Demo with both usage

4 Comments

Comments

1 Comment

2 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

Comments

1 Comment

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related