how to filter based on key from array using javascript?

Question

myArray = [{'id':'73','foo':'bar 22'},
           {'id':'45','foo':'bar'},
           {'id':'46','foo':'area'},
           {'id':'47','foo':'line'}]



var allbars = myArray && myArray.filter(function( obj ) {
      return obj.foo == "bar";
    });

After filtering i am able to get

 allbars = [{'id':'45','foo':'bar'}]

but i need all bars exists in the foo key

 Expected output is(in the key foo i have bar, bar22 both are expecting in the output but i can able to get only bar)
    allbars = [{'id':'45','foo':'bar'}, {'id':'73','foo':'bar 22'}]

Try indexOf('bar')

Ric
– Ric

2018-06-03 13:52:14 +00:00
Commented Jun 3, 2018 at 13:52 — Ric
– Ric, Commented Jun 3, 2018 at 13:52

Chiller · Accepted Answer · 2018-06-03 14:02:07Z

2

You should use .includes() inside the filter condition

myArray = [{'id':'73','foo':'bar 22'},
           {'id':'45','foo':'bar'},
           {'id':'46','foo':'area'},
           {'id':'47','foo':'line'}]

var allbars = myArray && myArray.filter(obj => obj.foo.includes("bar"));
    
console.log(allbars)

And if you want to make it browser compatible (IE) you may wanna use .indexOf()

myArray = [{'id':'73','foo':'bar 22'},
           {'id':'45','foo':'bar'},
           {'id':'46','foo':'area'},
           {'id':'47','foo':'line'}]
           
var allbars = myArray && myArray.filter(obj => obj.foo.indexOf("bar") > -1);
    
console.log(allbars)

edited Jun 3, 2018 at 14:02

answered Jun 3, 2018 at 13:53

Chiller

9,7362 gold badges30 silver badges39 bronze badges

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

Comments

charlietfl · Accepted Answer · 2018-06-03 13:53:10Z

0

Use String#includes() or String#indexOf() instead of checking equality. Convert both values to lowercase or uppercase if wanting case insensitive match

var allbars = myArray && myArray.filter(function( obj ) {
      return obj.foo.includes("bar");
});

answered Jun 3, 2018 at 13:53

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Comments

RIYAJ KHAN · Accepted Answer · 2018-06-03 14:34:41Z

0

One can do it using regular expression RegExp#test.

const pattern = new RegExp('bar', 'i');

var allbars = myArray && myArray.filter(function( obj ) {
      return pattern.test(obj.foo);
    });

answered Jun 3, 2018 at 14:34

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

Collectives™ on Stack Overflow

how to filter based on key from array using javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related