JSFiddle - React, Tailwind, and code Playground

by aliaksej

HTML

<textarea name="" id="xxx" cols="30" rows="10"></textarea>

JavaScript

var filter = {
	query: 'co',
  types: ['jeans']
};


var items = [
	{ name: "Abd Mohammed", type: "man" },
  { name: "Collins", type: "jeans" }
];


var filteredItems = items.filter(function(item) {
   var isQueryMatching = filter.query && item.name.toLowerCase().indexOf(filter.query.toLowerCase());
   var isTypeMatching = filter.types.length > 0 && filter.types.indexOf(item.type) !== -1;
   return isQueryMatching && isTypeMatching;
});

xxx.value = JSON.stringify(filteredItems);