Search array of object with filter and keyword

Question

I have an array, filter and keyword. i want to search in that array using filter and keyword, with result array of object too. Just like first array.

var data = [
  {email: "[email protected]",nama:"User A", Level:"Super Admin"},
  {email: "[email protected]",nama:"User B", Level:"Super Admin"},
  {email: "[email protected]",nama:"User C", Level:"Standart"},
  {email: "[email protected]",nama:"User D", Level:"Standart"},
  {email: "[email protected]",nama:"User E", Level:"Admin"},
  {email: "[email protected]",nama:"User F", Level:"Standart"}
];
var filter = "Level";
var keyword = "Standart";

//--------Search


console.log(data);

Andrew Li · Accepted Answer · 2016-10-31 04:08:05Z

12

You can use the Array.prototype.filter function which takes a callback and filters accordingly. Per the documentation:

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

The callback, which is the provided function, takes three arguments. From the documentation:

callback

Function is a predicate, to test each element of the array. Return true to keep the element, false otherwise, taking three arguments:

element

The current element being processed in the array.

index

The index of the current element being processed in the array.

array

The array filter was called upon.

We may use element to check the current element and test if it should be filtered or not, like so:

var data = [
  {email: "[email protected]",nama:"User A", Level:"Super Admin"},
  {email: "[email protected]",nama:"User B", Level:"Super Admin"},
  {email: "[email protected]",nama:"User C", Level:"Standart"},
  {email: "[email protected]",nama:"User D", Level:"Standart"},
  {email: "[email protected]",nama:"User E", Level:"Admin"},
  {email: "[email protected]",nama:"User F", Level:"Standart"}
];
var filter = "Level";
var keyword = "Standart";

var filteredData = data.filter(function(obj) {
	return obj[filter] === keyword;
});

console.log(filteredData);

Here, we use a callback (the test) that checks if the current element (obj)'s property specified in filter is strictly equal to keyword. If it passes, it is kept, and thus all objects with property Level with vale Standart are kept. You can also shorten this with ES6 arrow functions:

var filteredData = data.filter((obj) => obj[filter] === keyword);

This is just shorthand for the above. It is effectively the same, returning true or false based on if the current element's Level property is strictly equal to keyword.

edited Oct 31, 2016 at 4:08

answered Oct 31, 2016 at 4:01

Andrew Li

58.1k14 gold badges135 silver badges150 bronze badges

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

8 Comments

Renandatta Rooziq Over a year ago

how if the keyword is a wildcard ? in mysql using %keyword% can i using /^keyword/ ?

Andrew Li Over a year ago

@RenandattaRooziq That's really out of my expertise. If you mean a regex, see here. It can be applied like so: /regex/.test(obj[filter]).

Renandatta Rooziq Over a year ago

yeah, i mean regex

Andrew Li Over a year ago

@RenandattaRooziq Then yes. Instead of obj[filter] === keyword do /^keyword/.test(obj[filter])

Andrew Li Over a year ago

@RenandattaRooziq Something like this? jsfiddle.net/yhdyb5bg/11 - use JSON.stringify as necessary.

|

Ding · Accepted Answer · 2016-10-31 03:59:30Z

1

You can use the array.prototype.filter() function to filter through the array with a custome function:

var data = [
  {email: "[email protected]",nama:"User A", Level:"Super Admin"},
  {email: "[email protected]",nama:"User B", Level:"Super Admin"},
  {email: "[email protected]",nama:"User C", Level:"Standart"},
  {email: "[email protected]",nama:"User D", Level:"Standart"},
  {email: "[email protected]",nama:"User E", Level:"Admin"},
  {email: "[email protected]",nama:"User F", Level:"Standart"}
];
var filter = "Level";
var keyword = "Standart";

//--------Search
var filtered_data = data.filter(function(item) {
    return item[filter] == keyword
})

console.log(filtered_data);

answered Oct 31, 2016 at 3:59

Ding

3,0851 gold badge18 silver badges27 bronze badges

Comments

riteshtch · Accepted Answer · 2016-10-31 03:57:48Z

You can use the filter() function to filter out the elements based on a condition like this:

> var data = [
  {email: "[email protected]",nama:"User A", Level:"Super Admin"},
  {email: "[email protected]",nama:"User B", Level:"Super Admin"},
  {email: "[email protected]",nama:"User C", Level:"Standart"},
  {email: "[email protected]",nama:"User D", Level:"Standart"},
  {email: "[email protected]",nama:"User E", Level:"Admin"},
  {email: "[email protected]",nama:"User F", Level:"Standart"}
];
> var newData=data.filter(function(x) { return x.Level == 'Standart'})
> console.log(JSON.stringify(newData))
[{"email":"[email protected]","nama":"User C","Level":"Standart"},{"email":"[email protected]","nama":"User D","Level":"Standart"},{"email":"[email protected]","nama":"User F","Level":"Standart"}]

Sreekanth · Accepted Answer · 2016-10-31 04:03:21Z

0

You could just use the array filter method to accomplish your goal here.

var data = [{
  email: "[email protected]",
  nama: "User A",
  Level: "Super Admin"
}, {
  email: "[email protected]",
  nama: "User B",
  Level: "Super Admin"
}, {
  email: "[email protected]",
  nama: "User C",
  Level: "Standart"
}, {
  email: "[email protected]",
  nama: "User D",
  Level: "Standart"
}, {
  email: "[email protected]",
  nama: "User E",
  Level: "Admin"
}, {
  email: "[email protected]",
  nama: "User F",
  Level: "Standart"
}];
var filter = "Level";
var keyword = "Admin";

var filteredArray = data.filter((item) => item[filter] === keyword);
console.log(filteredArray);

answered Oct 31, 2016 at 4:03

Sreekanth

3,13014 silver badges22 bronze badges

Collectives™ on Stack Overflow

Search array of object with filter and keyword

4 Answers 4

8 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

8 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related