getting unique value from object using Javascript

Question

I have array of Objects which is look like this

object=
[
 {
  id:`01`,
  name:`fish`,
  type:`marine`,
 }
 {
  id:`02`,
  name:`fish`,
  type:`fresh`,
 }
 {
  id:`03`,
  name:`fish`,
  type:`tank`,
 }
 {
  id:`04`,
  name:`animal`,
  type:`pet`,
 }
 {
  id:`05`,
  name:`animal`,
  type:`wild`,
 }
 {
  id:`06`,
  name:`animal`,
  type:`zoo`,
 }
 {
  id:`07`,
  name:`food`,
  type:`veg`,
 }
 {
  id:`08`,
  name:`food`,
  type:`non-veg`,
 }
]

I want to store them uniquely but in string format so when i call them i can fetch them easily

I tried to get value by using map function

let object=
    [
     {
      id:`01`,
      name:`fish`,
      type:`marine`,
     },
     {
      id:`02`,
      name:`fish`,
      type:`fresh`,
     },
     {
      id:`03`,
      name:`fish`,
      type:`tank`,
     },
     {
      id:`04`,
      name:`animal`,
      type:`pet`,
     },
     {
      id:`05`,
      name:`animal`,
      type:`wild`,
     },
     {
      id:`06`,
      name:`animal`,
      type:`zoo`,
     },
     {
      id:`07`,
      name:`food`,
      type:`veg`,
     },
     {
      id:`08`,
      name:`food`,
      type:`non-veg`,
     }
    ]
    
    object.map((value)=>{
console.log(value.name)
})

so i am getting the output as

fish
fish
fish
animal
animal
animal
food
food

but i need them distinctly

fish
animal
food

even i tried to store them in one variable to get the output in

let object=
[
 {
  id:`01`,
  name:`fish`,
  type:`marine`,
 },
 {
  id:`02`,
  name:`fish`,
  type:`fresh`,
 },
 {
  id:`03`,
  name:`fish`,
  type:`tank`,
 },
 {
  id:`04`,
  name:`animal`,
  type:`pet`,
 },
 {
  id:`05`,
  name:`animal`,
  type:`wild`,
 },
 {
  id:`06`,
  name:`animal`,
  type:`zoo`,
 },
 {
  id:`07`,
  name:`food`,
  type:`veg`,
 },
 {
  id:`08`,
  name:`food`,
  type:`non-veg`,
 }
]


let gotValue= [...new Set( object.map((value)=>{
return value.name;
}))];

console.log(gotValue);

so i am getting this value as

[
"fish"
"animal"
"food"
]

but i need value in string format

expected value=
fish
animal
food

btw, why do you use backticks for strings? it is an overhead by using the expression as template string. — Nina Scholz, Jun 02 '21 at 08:03
Use the code in your last snippet that uses .map and the set, and then use [`.join()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join) with a `\n` or some other delimiter to get a string output — Nick Parsons, Jun 02 '21 at 08:03
```"expected value=\n" + gotValue.join('\n')``` should do the trick. — ikhvjs, Jun 02 '21 at 08:11

Thilina Koggalage · Accepted Answer · 2021-06-02T08:19:07.313

const object =
[
 {
  id:"01",
  name:"fish",
  type:"marine"
 },
 {
  id:"02",
  name:"fish",
  type:"fresh"
 },
 {
  id:"03",
  name:"fish",
  type:"tank"
 },
 {
  id:"04",
  name:"animal",
  type:"pet"
 },
 {
  id:"05",
  name:"animal",
  type:"wild"
 },
 {
  id:"06",
  name:"animal",
  type:"zoo"
 },
 {
  id:"07",
  name:"food",
  type:"veg"
 },
 {
  id:"08",
  name:"food",
  type:"non-veg"
 }
];

const distinctItems = [...new Map(object.map(item => [item["name"], item.name])).values()];
console.log(distinctItems.join(' '));

What you missed was .join(' ') This will work for you.

const distinctItems = [...new Map(object.map(item => [item["name"], item.name])).values()];

you miss ```expected value=```, see my comments – ikhvjs Jun 02 '21 at 08:11 — ikhvjs, Jun 02 '21 at 08:11

DecPK · Answer 2 · 2021-06-02T08:13:57.363

-1

Just use Set and map

const result = ["expected value=", ...new Set(object.map((o) => o.name))].join("\n");
console.log(result);

object = [{
    id: `01`,
    name: `fish`,
    type: `marine`,
  },
  {
    id: `02`,
    name: `fish`,
    type: `fresh`,
  },
  {
    id: `03`,
    name: `fish`,
    type: `tank`,
  },
  {
    id: `04`,
    name: `animal`,
    type: `pet`,
  },
  {
    id: `05`,
    name: `animal`,
    type: `wild`,
  },
  {
    id: `06`,
    name: `animal`,
    type: `zoo`,
  },
  {
    id: `07`,
    name: `food`,
    type: `veg`,
  },
  {
    id: `08`,
    name: `food`,
    type: `non-veg`,
  },
];

const result = ["expected value=", ...new Set(object.map((o) => o.name))].join("\n");
console.log(result);

edited Jun 02 '21 at 08:13

answered Jun 02 '21 at 08:03

DecPK

24,537
6
26
42

you miss ```expected value= ```, see my comments – ikhvjs Jun 02 '21 at 08:12
@ikhvjs edited and corrected... – DecPK Jun 02 '21 at 08:14

getting unique value from object using Javascript

2 Answers2