What is the best way to extract data from an [object Object] and store it in an Array or access its values in Angular?

Question

What is the best way to extract data from an [object Object] and store it in an Array or access its values in Angular?

My Angular code is written in the component.ts file. I am fetching data from a backend API and using console.log to display the data.

getInfo() {
    const params = [];
       
    params.push({code: 'Code', name: 'ty_PSD'});
    params.push({code: 'continentCodes', name: ['CAN']});
    params.push({code: 'dateFrom', name: '2019-01-01'});
    params.push({code: 'dateTo', name: '2019-12-31'});
    params.push({code: 'statusType', name: 'REAL'});
    params.push({code: 'valueType', name: 'TTV'});
        this.serviceHandler.getDemand([], params).subscribe(
          demand => {       
            console.log(demand + 'ddd');
    
          });
      }

The output of console.log(demand) can be seen at https://i.stack.imgur.com/ScYxg.png. The API response is displayed as shown in https://i.stack.imgur.com/n63TN.png.

I'm trying to extract values into an array from the data: Array(365). How can I achieve this?

arrays angular typescript

Answer 1

Answer №1

Avoid combining or adding an object with a string as console.log treats the object as a string.

The desired output for the examples below is the number 4:

console.log(JSON.stringify(obj) + 'aaa');

var obj = { a: 'aa', b: 0, c: true};

console.log(1, obj + 'aaa');
console.log(2, obj);
console.log(3, JSON.stringify(obj));
console.log(4, JSON.stringify(obj) + 'aaa');

Answer 2

Avoid combining or adding an object with a string as console.log treats the object as a string.

The desired output for the examples below is the number 4:

console.log(JSON.stringify(obj) + 'aaa');

var obj = { a: 'aa', b: 0, c: true};

console.log(1, obj + 'aaa');
console.log(2, obj);
console.log(3, JSON.stringify(obj));
console.log(4, JSON.stringify(obj) + 'aaa');

Answer 3

Answer №2

Make sure to convert the API response from a string format into a readable format by parsing it.

Consider using this snippet:

const data = JSON.parse(response)
console.log(data)

Answer 4

Make sure to convert the API response from a string format into a readable format by parsing it.

Consider using this snippet:

const data = JSON.parse(response)
console.log(data)

What is the best way to extract data from an [object Object] and store it in an Array or access its values in Angular?

Answer №1

Answer №2

Similar questions

Why is it that a character pointer array does not print the pointer itself, but instead prints the string it is pointing to?

Leveraging TypeScript enums in conjunction with React to anticipate a string prop

What is the best way to adjust the size of an Angular Material Slider?

Looping Angular Components are executed

When attempting to run the Angular build using the Azure Event Hub JS SDK, deployment fails to execute successfully

View the file by printing the multidimensional array

Error: The jasmine framework is unable to locate the window object

Unable to perform Undo function in monaco editor

Discover the perfect way to implement true lazyloading using NativeScript Angular tabs and BottomNavigation

Unable to locate a suitable version for internal-slot@^1.0.3 at this time

Trouble loading Styled Components in React Typescript with Webpack configuration

The npm package has been successfully installed, but VS Code is having trouble locating it

Creating Angular components in *ngFor loop

Utilizing Express-sessions to generate a fresh session with each new request

What is the process for setting a Type to a prop in React?

Tips for accurately defining the return type for querySelector(All) connections

Pressing a button will reset the Mat Radio Group's Mat Radio Buttons back to their default settings

There was an issue with the code: ERROR TypeError: Can't access the length of an undefined property in Angular 4

Making changes to a single formControl in angular6 will cause the other formControl to be updated as

Experiencing 429 Too Many Requests error on Angular 7 while attempting to perform multiple file uploads