How to find object property name by matching its id

Question

I have a simple json data,I need to get the name from object by comparing its id.Suppose I have a number 2,I need to compare with object's id,if it is equal to 2 then I need to get matching object's property 'name' from object.Like here it will be matching name 'dog' in my json. Here is the code below https://stackblitz.com/edit/angular-dtyvrc?file=src%2Fapp%2Fapp.component.ts

app.component.html

<hello name="{{ name }}"></hello>
<p>
  Start editing to see some magic happen :)
</p>

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
  ngOnInit() {
  let statusdata1 = [{"id":1,"name":"cat"},{"id":2,"name":"dog"}]
  console.log('dog')
  }
}

Does this answer your question? [How do I check if an array includes a value in JavaScript?](https://stackoverflow.com/questions/237104/how-do-i-check-if-an-array-includes-a-value-in-javascript) — Pushkin, Mar 11 '20 at 04:41
You mean like this?? https://stackblitz.com/edit/angular-fdmsam — Maniraj Murugan, Mar 11 '20 at 04:43

score 1 · Answer 1 · answered Mar 11 '20 at 04:47

You can get your output by this way.

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  name = 'Angular';
  ngOnInit() {
    let statusdata1 = [{ id: 1, name: "cat" }, { id: 2, name: "dog" }];
    console.log("dog");
    let value = this.getName(statusdata1, 2)
    alert(value);
  }
  getName(dataList, id) {
    let data = dataList.find(a => a.id == 2);
    if (!!data) {
      return data.name;
    }
  }
}

score 0 · Answer 2 · answered Mar 11 '20 at 04:38

0

Use Array find

let statusdata1 = [{"id":1,"name":"cat"},{"id":2,"name":"dog"}] 

let foo = statusdata1.find(x => x.id === matchingId)

console.log(foo)

answered Mar 11 '20 at 04:38

Pushkin

3,336
1
17
30

score 0 · Answer 3 · answered Mar 11 '20 at 04:42

0

objName: any = "";// declare it as a global variable
id=2;
statusdata1.forEach((obj)=>{if(obj["id"]==id)objName=obj["name"]});
console.log(objName);

answered Mar 11 '20 at 04:42

Gopi krishna

308
1
9

While this code may answer the question, providing additional context regarding why and/or how this code answers the question improves its long-term value. – Igor F. Mar 11 '20 at 09:13
Surely , will consider your suggestion from now :) – Gopi krishna Mar 12 '20 at 06:52

score 0 · Answer 4 · answered Mar 11 '20 at 04:47

0

statusdata1.find(x => x.id === 2)?.name;

answered Mar 11 '20 at 04:47

Sami

3,686
4
17
28

score 0 · Answer 5 · answered Mar 11 '20 at 05:44

0

try like this

 const data = statusdata1.find(x => x.id === 2)?.name;

answered Mar 11 '20 at 05:44

Sayooj V R

2,255
2
11
23

While this code may answer the question, providing additional context regarding why and/or how this code answers the question improves its long-term value. – Igor F. Mar 11 '20 at 09:21

score 0 · Accepted Answer · answered Mar 11 '20 at 06:22

Below is code to be added in app.component.ts

  result: any; // variable to hold name for mathched id
  idToCompare = 2; // id to comapre from array 

  ngOnInit() {
   let statusdata1 = [{"id":1,"name":"cat"},{"id":2,"name":"dog"}]

   this.result = statusdata1.find(x => x.id === this.idToCompare).name;
   console.log(this.result); // result will be dog
 }

app.component.html

<p>Name of compared id found result:-><b> {{result}}</b> </p>

Below is an updated URL for a working example How to find object property name by matching its id

Hope this helps.

How to find object property name by matching its id

app.component.html

app.component.ts

6 Answers6