CODEWITHSUNDEEP
javascriptregexstring
Adam Gillies
Adam Gillies

Reputation: 73

JavaScript: How to find and retrieve numbers from a string

I'm using RPG Maker MV which is a game creator that uses JavaScript to create plugins. I have a plugin in JavaScript already, however I'm trying to edit a part of the plugin so that it basically checks if a certain string exists in a character in the game and if it does, then sets specific variables to numbers within that string.

for (var i = 0; i < page.list.length; i++) {
    if (page.list[i].code == 108 && page.list[i].parameters[0].contains("<post:" + (n) + "," + (n) + ">")) {
        var post = page.list[i].parameters[0];
        var array = post.split(',');
        this._origMovement.x = Number(array[1]);
        this._origMovement.y = Number(array[1]);
        break;
    };
};

So I know the first 2 lines work and contains works when I only put a specific string. However I can't figure out how to check for 2 numbers that are separated by a comma and wrapped in '<>' tags, without knowing what the numbers would be.

Then it needs to extract those numbers and assign one to this._origMovement.x and the other to this._origMovement.y.

Any help would be greatly appreciated.

Upvotes: 0

Views: 185

Answers (2)

Adam Gillies
Adam Gillies

Reputation: 73

Got it to work. For anyone who may ever be interested, the code is below.

    for (var i = 0; i < page.list.length; i++) {
        if (page.list[i].code == 108 && page.list[i].parameters[0].contains("<post:")) {
            var myRegex = /<post:(\d+),(\d+)>/;
            var matches = page.list[i].parameters[0].match(myRegex);
            this._origMovement.x = matches[1];   //the first number
            this._origMovement.y = matches[2];   //the second number
            break;
        }
    };

Upvotes: 0

Duncan Thacker
Duncan Thacker

Reputation: 5188

This is one of those rare cases where I'd use a regular expression. If you haven't come across regular expressions before I suggest reading an introduction to them, such as this one: https://regexone.com/

In your case, you probable want something like this:

var myRegex = /<post:(\d+),(\d+)>/;
var matches = myParameter.match(myRegex);
this._origMovement.x = matches[1];   //the first number
this._origMovement.y = matches[2];   //the second number

The myRegex variable is a regular expression that looks for the pattern you describe, and has 2 capture groups which look for a string of one or more digits (\d+ means "one or more digits"). The result of the .match() call gives you an array containing the entire match and the results of the capture groups.

If you want to allow for decimal numbers, you'll need to use a different capture group that allows for a decimal point, such as ([\d\.]+), which means "a sequence of one or more digits and decimal points", or more sophisticated, (\d+\.?\d*), which is "a sequence of one or more digits, following by an optional decimal point, followed by zero or more digits).

There are lots of good tutorials around to help you write good regular expressions, and sites that will help you live-test your expressions to make sure they work correctly. They're a powerful tool, but be careful not to over-use them!

Upvotes: 1

Related Questions