Retrieve a single record in Angular/Typescript and extract its ID value

Question

Retrieve a single record in Angular/Typescript and extract its ID value

There is data stored in a variable that is displayed in the Chrome console like this:

0:
@attributes:
    actPer: "1",
    id: "19"
1:
@attributes:
    actPer: "1"
    id: "17"
etc

To filter this data, the following code was used:

myvar = this.obj.listResponse.instance;

Everything is fine until this point.

Now, the goal is to only retrieve the first item and extract the id value from that item.

How can this be achieved?

javascript angular typescript angular6

Answer 1

Answer №1

Based on the data structure I'm assuming, here is a suggested solution:

const data = {
    responseList: {
        items: [
            { '@info': { actPer: '1', identifier: '19' } },
            { '@info': { actPer: '1', identifier: '17' } }
        ]
    }
};

console.log(data.responseList.items[0]['@info'].identifier);

The output will be '19'.

Answer 2

Based on the data structure I'm assuming, here is a suggested solution:

const data = {
    responseList: {
        items: [
            { '@info': { actPer: '1', identifier: '19' } },
            { '@info': { actPer: '1', identifier: '17' } }
        ]
    }
};

console.log(data.responseList.items[0]['@info'].identifier);

The output will be '19'.

Retrieve a single record in Angular/Typescript and extract its ID value

Answer №1

Similar questions

Fetching Data from Response Headers in Angular 4.3.3 HttpClient

Utilizing the `filterBy` function with a custom select list that changes dynamically

A clever way to transfer the "HTML SELECT VALUE" to a different webpage using ajax without the need to refresh the page

Is there a way to remove the highlight from a non-active block?

Steps for Integrating a Web Service Reference in NodeJS

Using Typescript to create mapped types with optional parameters

What is the reason for VS Code recognizing an import as valid while WebPack does not approve it?

What is the best way to define a type for a variable within a function, depending on the type of an argument passed to that function in Typescript?

Using Node.js to establish communication between HTML and Express for exchanging data

The function `Object.entries().map()` in TypeScript does not retain the original data types. What changes can I make to my interface to ensure it works correctly, or is there a workaround

Error: Unable to access the 'secondary' property of an undefined object - encountered after updating Material-UI from version 4 to version 5

Unable to execute ajax on dom ready in Internet Explorer 9

Directing non-www to www in Next.js has never been easier

Error: Unable to access the 'name' property of an undefined value. Despite my efforts, I am unable to determine the root cause of this issue. My technology stack includes mysql for the database, nodejs for the backend,

Issue with updating state following data retrieval in React hooks

Application of id missing on all buttons in Bootstrap tour template

The functionality of JSON.stringify involves transforming colons located within strings into their corresponding unicode characters

Ways to ensure the final unchecked checkbox stays in the checked state

What is the best way to deduct pixels from numbers using JavaScript?

picker elementClass()