Filter strings in Array based on content (filter search value)

Question

I am running into an issue, I have a similar array of Strings in JS:

var myArray = ["bedroomone", "bedroomonetwo", "bathroom"];

And I would like to retrieve all the elements in the array that contains the keyword 'bedroom'. How can I achieve such result ?

I tried in different ways without getting the desired result. How should I proceed ?

var resultsfilter = myArray.filter(function (element) { return element !== "bedroom"}); console.log(resultsfilter); — prince, Feb 06 '16 at 00:31
`!==` does an exact comparison. You need something like `/bedroom/.test(element)` — Pointy, Feb 06 '16 at 00:32
String.indexOf is good enough. You don't need a regex for that. https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf — Microfed, Feb 06 '16 at 00:33
var resultsfilter = myArray.filter(function (element) { return /bedroom/.test(element)}); ???? — prince, Feb 06 '16 at 00:34
Right, or `.indexOf()` - the performance differences are uninteresting in general so use whichever you think is prettier. — Pointy, Feb 06 '16 at 00:35
I used this: `var resultsfilter = myArray.filter(function (element) { return element.indexOf("bedroom") > -1});` but it shows only these items: `"bedroomone", "bedroomonetwo"`, I mean what I dont need. — prince, Feb 06 '16 at 00:37

Microfed · Accepted Answer · 2016-02-06T00:41:48.397

69

String.prototype.indexOf:

var PATTERN = 'bedroom',
    filtered = myArray.filter(function (str) { return str.indexOf(PATTERN) === -1; });

Regexp:

var PATTERN = /bedroom/,
    filtered = myArray.filter(function (str) { return PATTERN.test(str); });

String.prototype.includes (only in moderm browsers):

var PATTERN = 'bedroom',
    filtered = myArray.filter(function (str) { return str.includes(PATTERN); });

edited Feb 06 '16 at 00:41

answered Feb 06 '16 at 00:39

Microfed

2,832
22
25

2

I think that the condition in the indexOf function should be str.indexOf(PATTERN) > -1 – juanjinario Apr 12 '22 at 11:17

score 54 · Answer 2 · edited Nov 21 '18 at 18:49

54

var bedrooms = myArray.filter(name => name.includes('bedroom'))

edited Nov 21 '18 at 18:49

Zoe

27,060
21
118
148

answered Nov 21 '18 at 18:48

Ania Zielinska

641
5
2

9

Please include some information about why this works! – mjk Nov 21 '18 at 19:14
1

I know this is old, but answers on SO are supposed to give some form of explanation rather than just code. – Phill Healey Sep 29 '22 at 10:57

score 6 · Answer 3 · edited Oct 19 '21 at 21:42

Using JavaScript arrow function is much simpler

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]

// search using keyword from array

var keywordToSearch = 'Arslan'; // word to search
var keyword =   keywordToSearch.toLowerCase();
var names = [{id: 1, name: 'Aqib'}, {id: 2, name: 'Arslan'}];

//search keyword from names array by name
var searchResult = names.filter(word => word.name.toLowerCase().indexOf(keyword) > -1);
console.log(searchResult);
// expected output: > Array [Object { id: 2, name: "Arslan" }]

Using javascript arrow function

If I have array for search: keywordToSearch =['test','something']. How can I solve this? — Hardik Mandankaa, Jan 26 '21 at 07:23

score 5 · Answer 4 · answered Jan 30 '19 at 18:05

5

Improved Microfed's answer to this

var textToSearch = 'bedroom';
var filteredArray = myArray.filter((str)=>{
  return str.toLowerCase().indexOf(textToSearch.toLowerCase()) >= 0; 
});

answered Jan 30 '19 at 18:05

Moh .S

1,920
19
19

score 1 · Answer 5 · answered May 20 '20 at 13:05

You could also use the search() method

Finds the first substring match in a regular expression search.

(method) String.search(regexp: string | RegExp): number (+1 overload)

const filterList = (data, query) => {
        return data.filter(name => name.toLowerCase().search(query.toLowerCase()) !== -1);
      };

Henry · Answer 6 · 2022-09-03T00:19:34.400

1

const House = ["bedroomone", "bedroomtwo", "bathroom"]
const filterItems = (arr, query) => {
    return arr.filter(element => 
    element.toLowerCase().indexOf(query.toLowerCase()) !== -1)
}
console.log(filterItems(House, "bedroom"));

edited Sep 03 '22 at 00:19

answered Sep 03 '22 at 00:18

Henry

11
3

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Sep 07 '22 at 19:21

Filter strings in Array based on content (filter search value)

6 Answers6

Linked

Related