Find all matches in string with regex in any order with Javascript

Question

How can i find all matches below? The way i've got it now, it finds finds any match from the keywords array, but, since the word "not" is present, matches should be empty in the console.

var title = "How to edit an image";
var keywords = ["image","edit","not"];
var matches = [];
if (title.search(new RegExp(keywords.join("|"),"i")) != -1) {
     matches.push(title);
}
console.log(matches);

Since the word "not" is present in the keywords, the output of the console should be blank, becuase "not" isn't in the title. — lgriffin, Feb 05 '21 at 14:53
You can try something like this `keywords.every(word => title.includes(word))`. It will return `false` when all your words are not in `title`. — Hassan Imam, Feb 05 '21 at 14:54
Is there a ie11 compatible version of that, i have to support that browser — lgriffin, Feb 05 '21 at 14:56
So you're not looking for "all matches", you want to look for strings that contain all words in a list? — DustInComp, Feb 05 '21 at 15:04
I'm looking for all the matches, so, since "not" is present in the array, the console should be blank since that word is not in the title. — lgriffin, Feb 05 '21 at 15:32

0stone0 · Accepted Answer · 2021-02-05T16:20:51.997

2

No need for the regex, just loop through the words using every() , and check each keyword using ~~includes()~~ (See below);

console.log(Check("How to edit an image", ["image","edit","not"])); // false
console.log(Check("How to edit an image", ["image","edit"]));       // true

function Check(title, keywords) {
    return keywords.every(word => title.indexOf(word) > -1);
}

Note: Using title.indexOf(word) > -1 to support IE 11 as OP requested.

Edit; based on OP's comment;

_{Remove "not" from the keywords array to ensure the logic works}

var title = "How to edit an image";
var keywords = ["image","edit","not"];
var matches = [];
if (keywords.every(word => title.indexOf(word) > -1)) {
     matches.push(title);
}
console.log(matches);

edited Feb 05 '21 at 16:20

answered Feb 05 '21 at 14:56

0stone0

34,288
4
39
64

I don't know how to incorporate this into my logic, sort of struggling here, can you combine your code to my post above, with no arrow function – lgriffin Feb 05 '21 at 15:19
0stone0, you are still using arrow functions! – sxkx Feb 05 '21 at 16:43
I changed it a bit to remove that: function findMatch(title, keywords) { return keywords.every(function(word) { return title.indexOf(word) > -1; }) } – lgriffin Feb 05 '21 at 16:48

score 0 · Answer 2 · answered Feb 05 '21 at 14:58

0

You dont need regex. Just map over keywords

const output= keywords.map(x=>
    title.indexOf(x)!==-1 ? title : ""
);

//output
["How to edit an image", "How to edit an image", ""]

answered Feb 05 '21 at 14:58

Anirudha

32,393
7
68
89

How do i add this to my code above, with no arrow function? – lgriffin Feb 05 '21 at 15:31

Abilio Da Silva · Answer 3 · 2021-02-05T16:47:56.327

Using this answer as a reference, and olny if you are fixed to use Regex, you should use lookarounds:

^(?=.*\bimage\b)(?=.*\bedit\b)(?=.*\bnot\b).*$

Applied on your Javascript code it would be something like:

var title = "How to edit an image";
var title2 = "How to not edit an image";
var keywords = ["image","edit","not"];
var matches = [];

// Using for block because I don't remember if forof, forin or foreach are supported by IE 11
var regex = "^";
for (var i = 0; i < keywords.length; i++) {
    regex += "(?=.*\\b" + keywords[i] + "\\b)"; // Needed beacuse template Strings are not supported by IE 11.
}
regex += ".*$"

if (title.search(new RegExp(regex,"i")) != -1) {
    matches.push(title);
}
console.log(matches);

if (title2.search(new RegExp(regex,"i")) != -1) {
    matches.push(title2);
}
console.log(matches);

To say the true, @0stone0 answer is a lot better on terms of use. I posted this solution only if you really want to use regular expressions. — Abilio Da Silva, Feb 05 '21 at 15:55

Find all matches in string with regex in any order with Javascript

3 Answers3