Lodash filter search in few element from array (Vue)

Question

I have an object:

{
   1: {
         name: 'Adam',
         age: 12,
      },
   2: {
         name: 'Michal',
         age: 14,
      },
   3: {
         name: 'Jozef',
         age: 12,
      }
}

I tried using function filter from lodash:

this.knowledges = _.filter(this.knowledges, function (item) {
    if (item.category[1] !== undefined) {
        return arrayOfNumbers.indexOf(item.category[1].category_id) >= 0
    }
})

Variable arrayOfNumbers return array: [1,3] so function filter should return:

{
   1: {
         name: 'Adam',
         age: 12,
      },
   3: {
         name: 'Jozef',
         age: 12,
      }
}

But it returns only first index:

{
   1: {
         name: 'Adam',
         age: 12,
      }
}

How can I fix it ?

You appear to be overwriting this.knowledges with your filter which is probably a bad idea. Your filter callback also may not return a value — Phil
– Phil, Commented Jul 22, 2019 at 7:26
so what does this.knowledges looks like? And what is your object represent for? — tam.dangc
– tam.dangc, Commented Jul 22, 2019 at 7:26

Ori Drori · Accepted Answer · 2019-07-22 10:39:40Z

3

With lodash you can use _.pick(). Pick takes an object, and an array of properties, and generates a new object with the selected properties:

const knowledges = {1:{name:"Adam",age:12,},2:{name:"Michal",age:14,},3:{name:"Jozef",age:12,}}
const arrayOfNumbers = [1,3]

const result = _.pick(knowledges, arrayOfNumbers)

console.log(result)

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

The _.pickBy() method works identically to filter for objects, so you can query the objects values, when you decide what to keep.

In this examples, I use _.pickBy() to keep all items with age === 12:

const knowledges = {1:{name:"Adam",age:12,},2:{name:"Michal",age:14,},3:{name:"Jozef",age:12,}}

const result = _.pickBy(knowledges, o => o.age === 12)

console.log(result)

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

edited Jul 22, 2019 at 10:39

answered Jul 22, 2019 at 7:31

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

1 Comment

major697 Over a year ago

Thanks, what if I want search by age ?

adiga · Accepted Answer · 2019-07-22 10:04:02Z

2

You could use pickBy like this:

const knowledges = {1:{name:"Adam",age:12,},2:{name:"Michal",age:14,},3:{name:"Jozef",age:12,}},
      arrayOfNumbers = [1,3],
      result = _.pickBy(knowledges, (v, k) => arrayOfNumbers.includes(+k));

console.log(result)

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

In vanilla JS, you could filter the the entries of the object and create an object using Object.fromEntires() like this:

const knowledges={1:{name:"Adam",age:12,},2:{name:"Michal",age:14,},3:{name:"Jozef",age:12,}},
      arrayOfNumbers=[1,3];

const newObject = Object.fromEntries(
    Object.entries(knowledges).filter(([k, v]) => arrayOfNumbers.includes(+k))
)

console.log(newObject)

edited Jul 22, 2019 at 10:04

answered Jul 22, 2019 at 7:27

adiga

35.4k9 gold badges65 silver badges88 bronze badges

2 Comments

a.barbieri Over a year ago

..remembering that fromEntries doesn't work on the usual IE and Edge browsers (which are dead, but it's still something you might want to know).

adiga Over a year ago

@a.barbieri IE doesn't support const, Object.entries, fromEntries, arrow functions or includes. This was meant to be an vanilla JS alternative. I was adding a lodash answer using pickBy but Ori Drori has provided a better answer.

Collectives™ on Stack Overflow

Lodash filter search in few element from array (Vue)

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related