How to search through jQuery Array - JQuery Array Filter

Question

I'm looking for a solution to SEARCH through a jQuery array or object. By this I don't mean checking if the value is contained in the array, I mean searching for related terms as user input. Just the same way we filter ArrayList in Java or even SQL LIKE clause.

For example, let's assume the following is my array

var arr = [ 'Benson', 'Cate', 'John']

If the user types the character e, then Benson and Cate should appear.

Any simplest method to achieve this

Simone Rossaini · Accepted Answer · 2021-10-01 10:10:59Z

3

You can use filter like:

var arr = [ 'Benson', 'Cate', 'John' ]
console.log(arr.filter(x => x.includes('e')));

Reference:

Array.prototype.filter()

answered Oct 1, 2021 at 10:10

Simone Rossaini

8,1461 gold badge16 silver badges36 bronze badges

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

2 Comments

Karue Benson Karue Over a year ago

Worked very fine. I only have a very tiny problem. The filter is case sensitive, any way to make it case insensitive?

Lakshaya U. Over a year ago

Yes. arr.filter(x => x.toLowerCase().includes('e'.toLowerCase()))

Lakshaya U. · Accepted Answer · 2021-10-01 10:23:05Z

2

Just adding to @SimoneRossaini's answer.

var arr = [ 'Benson', 'Cate', 'John' ];
const results = document.getElementById('results');
let li;
function search(s) {
    let result = arr.filter(e => e.includes(s));
    results.innerHTML = '';
    result.forEach(name => {
        li = document.createElement('li');
        li.appendChild(document.createTextNode(name));
        results.appendChild(li);
    });
}

<input type="text" id="search" onkeyup="search(this.value)">
<ul id="results"></ul>

Doesn't include JQuery though, maybe it is easy enough to translate this code to JQuery.

answered Oct 1, 2021 at 10:23

Lakshaya U.

1,1711 gold badge9 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to search through jQuery Array - JQuery Array Filter

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related