Filter object with an array input

user_1891374 0
Viewed 277

I have an array in JavaScript like 

var input =['p1',  'p3'];

And my data is like below

var data = {p1: { name: 'test1', value:'value1'}, p2: { name : 'test2', value:'value2'}, p3: { name: 'test3', value: 'value3'}}

I need to filter the data object based on the input array. Is there a simple ES6 method to pull it out.

Tia

ecmascript-6 javascript
6 Answers

You can simply start from your input array and map to your data:

var input =['p1', 'p3'];
var data = {p1: { name: 'test1', value:'value1'}, p2: { name : 'test2', value:'value2'}, p3: { name: 'test3', value: 'value3'}}

const result = input.map(x => data[x])

console.log(result)

As long as you do not need to traverse the data tree.

If you need recursively to traverse the object tree you could try something like this:

var input = ['p1', 'p3', 'p4', 'pp'];
var data = {
  p: {
    p1: 'A'
  },
  pa: {
    pb: {
      p3: 'B'
    }
  },
  p4: 'C'
}

// recursivly flatten object keys
const flatten = (obj, a=[]) => Object.entries(obj)
  .reduce((r,[k,v]) => (typeof v == 'object' ? flatten(v,a) : r.push(k), r), a)

// search flattened objects
const searchKeys = (d, t) => 
  d.filter(x => flatten(x).some(x => x.toLowerCase().includes(t.toLowerCase())))

// Break to array of objects
const arr = Object.entries(data).reduce((r,[k,v]) => (r.push({[k]:v}), r), [])

console.log(input.map(x => searchKeys(arr, x)))

user_1558190

Here is a snippet that might help you:

const data = {
  p1: {
    name: 'test1',
    value: 'value1'
  },
  p2: {
    name: 'test2',
    value: 'value2'
  },
  p3: {
    name: 'test3',
    value: 'value3'
  }
}
const input = ['p1', 'p2']

console.log(input.map(key => data[key]))

this is a simple way to do as per your expectation:

var data = {p1: { name: 'test1', value:'value1'}, p2: { name : 'test2', value:'value2'}, p3: { name: 'test3', value: 'value3'}}
var input=['p1','p2']

console.log(Object.keys(data).map(obj => {
  return input.includes(obj) && data[obj] 
}))

user_27096120

you can try this

let input =['p1',  'p3'];
let data = {p1: { name: 'test1', value:'value1'}, p2: { name : 'test2', value:'value2'}, p3: { name: 'test3', value: 'value3'}}

let res = input.map(x =>  ({[x]:data[x]})) 
console.log(res)

output

(2) […]
   0: Object { p1: {…} }​
   1: Object { p3: {…} }
user_45777090

If by filter object, you mean you want an object with keys that are in the input array, you can reduce your input array to that object:

var input = ['p1', 'p3'];
var data = {p1: { name: 'test1', value:'value1'}, p2: { name : 'test2', value:'value2'}, p3: { name: 'test3', value: 'value3'}}

var res = input.reduce((a, c) => {
  a[c] = data[c];
  return a;
}, {});
console.log(res);

user_18226980

Here's a way to filter that using forEach

var input =['p1',  'p3'];
var data = {
      p1: { name: 'test1', value:'value1'},
      p2: { name : 'test2', value:'value2'}, 
      p3: { name: 'test3', value: 'value3'}
}

input.forEach(filter => {
    // Check if this key exists in data
    if (data[filter]) {
         console.log(data[filter])
    }
})
user_22310310

Filtering the object based on keys present in the array

var input =['p1',  'p3'];

var data = {p1: { name: 'test1', value:'value1'}, p2: { name : 'test2', value:'value2'}, p3: { name: 'test3', value: 'value3'}}


   var filtered= Object.keys(data)
          .filter( key => input.includes(key))
          .reduce( (res, key) => Object.assign(res, { [key]: data[key] }), {} );
console.log(filtered);

user_93034010
Related