筛选数组对象中选定键中的搜索

Question

I need some suggestion or the best way to get it to array data filter with the passed value. Currently, I have

let arrayobject = [
{"name": "apple", "type": "juice-material", "srnum": 123234},
{"name": "cranberry", "type": "desert-material", "srnum": 98989},
{"name": "grapes", "type": "wine-material", "srnum":656565}]

if I passed apple then return array will be

[{"name": "apple", "type": "juice-material", "srnum": 123234}]

if I passed wine-material return result

{"name": "grapes", "type": "wine-material", "srnum":656565}

similarly for srnum, while passing it gives filter array object result.

Currently,

I have tried using

_.some(arrayobject, _.unary(_.partialRight(_.includes, passedValue)))

it gives context result, but not predictable.

Let me know the best possible way to filter the data. Thanks.

Answer 1

Well, I think your approach is pretty much the best. However, you use _.some which will merely give a boolean result if any item matches, if you swap it with _.filter you can get all items that match or you can change for _.find to just get the first one:

 let arrayobject = [ {"name": "apple", "type": "juice-material", "srnum": 123234}, {"name": "cranberry", "type": "desert-material", "srnum": 98989}, {"name": "grapes", "type": "wine-material", "srnum": 656565} ] function filterByValues(collection, whatToSearchFor) { //separating just for easier readability let predicate = _.unary(_.partialRight(_.includes, whatToSearchFor)); return _.filter(collection, predicate); } //matches a value console.log(filterByValues(arrayobject, "apple")); console.log(filterByValues(arrayobject, "wine-material")); console.log(filterByValues(arrayobject, 98989)); //doesn't match a key console.log(filterByValues(arrayobject, "name")); console.log(filterByValues(arrayobject, "type")); 

 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script> 

With that said, @georg points out in a comment that you can re-write this using less Lodash functionality and just a plain callback with _.includes - this might be a bit more readable than using _.partialRight and _.unary :

 let arrayobject = [ {"name": "apple", "type": "juice-material", "srnum": 123234}, {"name": "cranberry", "type": "desert-material", "srnum": 98989}, {"name": "grapes", "type": "wine-material", "srnum": 656565} ] function filterByValues(collection, whatToSearchFor) { //separating just for easier readability let predicate = item => _.includes(item, whatToSearchFor); return _.filter(collection, predicate); } //matches a value console.log(filterByValues(arrayobject, "apple")); console.log(filterByValues(arrayobject, "wine-material")); console.log(filterByValues(arrayobject, 98989)); //doesn't match a key console.log(filterByValues(arrayobject, "name")); console.log(filterByValues(arrayobject, "type")); 

 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script> 

Answer 2

You can use arrayobject.filter() to filter on desired prop

 let arrayobject = [ {"name": "apple", "type": "juice-material", "srnum": 123234}, {"name": "cranberry", "type": "desert-material", "srnum": 98989}, {"name": "grapes", "type": "wine-material", "srnum":656565}] var res = arrayobject.filter(x => x.name == "apple"); console.log(res); var res2 = arrayobject.filter(x => x.type == "wine-material"); console.log(res2); 

Answer 3

The filter can be applied as follows:

 function filterItems(items, searchVal) { return items.filter((item) => Object.values(item).includes(searchVal)); } let arrayobject = [ { "name": "apple", "type": "juice-material", "srnum": 123234 }, { "name": "cranberry", "type": "desert-material", "srnum": 98989 }, { "name": "grapes", "type": "wine-material", "srnum": 656565 }] console.log("Filtered by name: ", filterItems(arrayobject, "apple")); console.log("Filtered by type: ", filterItems(arrayobject, "desert-material")); console.log("Filtered by srnum: ", filterItems(arrayobject, 656565)); 

Answer 4

You can use flatMap with the required array. All you need to give properties which you want to find.

In your case it is

  let arrayobject = [ {"name": "apple", "type": "juice-material", "srnum": 123234}, {"name": "cranberry", "type": "desert-material", "srnum": 98989}, {"name": "grapes", "type": "wine-material", "srnum":656565}] var filteredData = getFilterData(arrayobject, 656565); console.log(filteredData); function getFilterData(array, searchValue){ return array.flatMap(obj => obj) .find(({ name,type,srnum }) => (name === searchValue || type == searchValue) || srnum == searchValue); } 

Answer 5

You can use filter() on your array Object. The filter() method creates a new array with all elements that pass the test implemented by the provided function.

arrayobject.filter(data => {
return (data.name && data.name.includes(value)) ||
       (data.type && data.type.includes(value)) ||
       (data.srnum && data.srnum.includes(value))
})

Answer 6

If you want to filter objects from array, which contains the value in any on the key then you can directly use an _.includes in each object to filter ( _.filter ) them out from array. in case you need to look on a specific set of keys, just use _.pick before passing the object to includes.

 let array = [ {id: 1, x: 'XX1', y: 'YY1', z: 'ZZ1'}, {id: 2, x: 'XX1', y: 'YY2', z: 'ZZ2'}, {id: 3, x: 'ZZ2', y: 'YY3', z: 'ZZ1'}, ], filterByValue = (a, v) => _.filter(a, e => _.includes(e, v)), filterByValueInKeys = (a, v, keys) => _.filter(a, e => _.includes(_.pick(e, keys), v)); console.log('ZZ1: ', filterByValue(array, 'ZZ1')); console.log('ZZ2: ', filterByValue(array, 'ZZ2')); console.log('ZZ1 within x,y: ', filterByValueInKeys(array, 'ZZ1', ['x', 'y'])); console.log('ZZ2 within x,y: ', filterByValueInKeys(array, 'ZZ2', ['x', 'y'])); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>