how to find data in array vuejs

Question

I want to find data by value, but the value is an array .. how?

 mylokasi [
    {
        id: 1 ,
            name : koko
    },
    {
        id: 2 ,
            name : doni
    },
    {
        id: 3 ,
            name : dika
    },
    {
        id: 4 ,
            name : ujang
    },
    ]

    mylokasi.find(p => p.id== [2,3,4,3]).name

I want to display all the data in the array [2,3,4,3]

result value so : doni,dika,ujang,dika

Loop the array, and grab the object property from the array index for example myLokasi[0].id would be valid, obviously many ways to achieve the desired result. a loop is just one. — MysticSeagull
– MysticSeagull, Commented Jan 26, 2022 at 4:50
[2,3,4,3].map(id => mylokasi.find(e => e.id == id).name) also I want to mention that qontol==penis in indonesia language idk why this guy use it as name example — buncis
– buncis, Commented Jan 26, 2022 at 5:04
let arrr = mylokasi.map((item) => item.name) gives you new array like ['koko', 'doni', 'dika', 'qotol'] — Ozal Zarbaliyev
– Ozal Zarbaliyev, Commented Jan 26, 2022 at 5:05

Jason Biggly · Accepted Answer · 2022-01-26 05:01:24Z

5

You can use the filter and map functions:

mylocasi
  .filter(item => [2, 3, 4, 3].includes(item.id))
  .map(item => item.name)

edited Jan 26, 2022 at 5:01

answered Jan 26, 2022 at 4:52

Jason Biggly

513 bronze badges

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

5 Comments

MysticSeagull Over a year ago

@Harry Wardana, this guy beat me to it. but this is an example aswell

Jason Biggly Over a year ago

It's worth noting that in JavaScript indices start at 0, so 1 is actually the second item

Ricky Mo Over a year ago

Better off actually comparing the id field instead of assuming the id equals to array index + 1. By designing an id field probably means that the array may not necessarily be sorted and continuous.

Jason Biggly Over a year ago

Very good point. I've updated my answer to reflect this. Thanks @RickyMo

Ricky Mo Over a year ago

But your updated answer isn't doing what OP want. Please check OP's expected output result.

Mayur Vaghasiya · Accepted Answer · 2022-01-26 05:07:45Z

2

Using map() and find() you can achieve your goal !

Try this code it's help you !

  let mylokasi = [{ id: 1, name: 'koko' }, { id: 2, name: 'doni' }, { id: 3, name: 'dika' }, { id: 4, name: 'qotol' }];
    let arr = [2, 3, 4, 3];
    let res = arr.map((id) => (mylokasi.find(x => x.id == id).name));
    console.log(res, 'res');

edited Jan 26, 2022 at 5:07

answered Jan 26, 2022 at 5:02

Mayur Vaghasiya

1,4812 gold badges18 silver badges27 bronze badges

Collectives™ on Stack Overflow

how to find data in array vuejs

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related