JavaScript RegExp.test() returns false, even though it should return true [duplicate]

Question

The Prob: I get an AJAX response (JSON or plaintext with line breaks). Each item of the response should be checked via RegEx to find out whether it matches to user-definded patter or not.

Example:

Ajax Response (plain-text)

"Aldor
Aleph
Algae
Algo
Algol
Alma-0
Alphard
Altran"

User-pattern:

/^Alg/ig.test(responseItem)

RegExp Results should look like:

Aldor   // false
Aleph   // false
Algae   // true
Algo    // true
Algol   // true
Alma-0  // false
Alphard // false
Altran  // false

But each time i get different (and kinda weired) results... e.g. (/^alg/ig.test("Algo") => false)

My code:

HTML

...
<form>
  <input id="in" />
</form>
<div id="x">
  Aldor
  Aleph
  Algae
  Algo
  Algol
  Alma-0
  Alphard
  Altran
</div><button id="checker">check!</button>
...

JavaScript (jQuery 1.6.2)

$(function(){
    var $checker = $('#checker');

    $checker.click(function(ev){
        var inputFieldVal = $.trim($('#in').val());
        console.log(inputFieldVal); // Alg
        var regExpPattern = '^'+inputFieldVal,
            re = new RegExp(regExpPattern, 'igm');
        onsole.log(re); // /^Al/gim
        // Get text out of div#x
        var text = $('#x').text();
        // Trim and 'convert' to an array...
            text = $.trim(text).split('\n');
        console.log(text); // ["Aldor", "Aleph", "Algae", "Algo", "Algol", "Alma-0", "Alphard", "Altran"]

        for (var index=0, upper=text.length;index<upper;++index) {
            console.log(
               re.test(text[index]),
               text[index]
             );
        }
    });
})

Console OUTPUT:

/^Alg/ig => should match each item which starts with Alg

false "Aldor"
false "Aleph"
true "Algae"
false "Algo" //Why ? O.o
true "Algol"
false "Alma-0"
false "Alphard"
false "Altran"

/^Al/ig => should match each item because every item start with Al

true "Aldor"
false "Aleph" //Why ? O.o
true "Algae"
false "Algo" //Why ? O.o
true "Algol"
false "Alma-0" //Why ? O.o
true "Alphard"
false "Altran" //Why ? O.o

Any suggestions?

Does executing /^alg/ig.test("Algo") literally also give you false? — pimvdb
– pimvdb, Commented Jul 31, 2011 at 18:56
P.S. The point of whole ting is that I want not only match item(s) from the response, but also be able to collect them. — V-Light
– V-Light, Commented Jul 31, 2011 at 19:01
Could you please post the result of text if you map it first with this function? text = text.map(function(v) {var res = [];for(var i=0;i<v.length;i++){res.push(v.charCodeAt(i))}return res;}) It converts the string array to their respective character codes, to highlight non-printable characters. — pimvdb
– pimvdb, Commented Jul 31, 2011 at 19:07
Trying printing the length of the strings too, in case, somehow, there are 'invisible' characters. — MRAB
– MRAB, Commented Jul 31, 2011 at 19:12

pimvdb · Accepted Answer · 2011-07-31 20:15:35Z

75

This is a common behavior that the the exec or test methods show when you deal with patterns that have the global g flag.

The RegExp object will keep track of the lastIndex where a match was found, and then on subsequent matches it will start from that lastIndex instead of starting from 0.

For example:

var re = /^a/g;
console.log(re.test("ab")); // true, lastIndex was 0
console.log(re.test("ab")); // false, lastIndex was 1

Remove the g flag from your pattern, since you are looking just for a single match (you are testing each line separately).

edited Jul 31, 2011 at 20:15

pimvdb

155k80 gold badges313 silver badges358 bronze badges

answered Jul 31, 2011 at 19:10

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

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

3 Comments

Carter Over a year ago

What about 3rd execution? why is it again true?

Christian C. Salvadó Over a year ago

@gumkins, because after reaching the end of the string, the lastIndex starts again from 0.

Carter Over a year ago

still not clear, why the end of the string was reached after second run and not after third or fourth?

Darm · Accepted Answer · 2011-07-31 19:13:29Z

5

You have to remove the global flag "g".

answered Jul 31, 2011 at 19:13

Darm

5,6592 gold badges22 silver badges18 bronze badges

Comments

Monday · Accepted Answer · 2011-07-31 19:04:10Z

0

try this~

var str = "Aldor\rAleph\rAlgae\rAlgo\rAlgol";
var myregexp = /^alg.*$/img;
var match = myregexp.exec(str);
while (match != null) {
    for (var i = 0; i < match.length; i++) {
        alert(match[i]);
    }
    match = myregexp.exec(str);
}

answered Jul 31, 2011 at 19:04

Monday

1,41312 silver badges10 bronze badges

Comments

ZeNo · Accepted Answer · 2011-07-31 19:06:11Z

0

it Was the white space that was not matching it:

try this:

$(function(){
var $checker = $('#checker');

$checker.click(function(ev){
    var inputFieldVal = $.trim($('#in').val());
    console.log(inputFieldVal); // Alg
    var regExpPattern = '^'+inputFieldVal,
        re = new RegExp(regExpPattern, 'igm');
    console.log(re); // /^Al/gim
    // Get text out of div#x
    var text = $('#x').text();
    // Trim and 'convert' to an array...
        text = $.trim(text).split('\n');
    console.log(text); // ["Aldor", "Aleph", "Algae", "Algo", "Algol", "Alma-0", "Alphard", "Altran"]

    for (var index=0, upper=text.length;index<upper;++index) {
        console.log(
           re.test(text[index].trim()),
           text[index]
         );
    }
});

})

here is jsfiddle:

http://jsfiddle.net/9Gqw2/

answered Jul 31, 2011 at 19:06

ZeNo

1,6582 gold badges16 silver badges28 bronze badges

1 Comment

V-Light Over a year ago

It seems to have the same weird-prob as my script. I just tested your version an get the same result....

Collectives™ on Stack Overflow

JavaScript RegExp.test() returns false, even though it should return true [duplicate]

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Linked

Related