Typescript/Angular printing out object array elements and grabbing specific elements

Question

This is what appears when I do

console.log(projects)

However, whenever I try to print anything beyond that, I receive errors or it simply does not print anything.

The things I have tried:

console.log(projects[0]);
console.log(projects.title);

I have also tried using the for each element loop to no luck.

How would I grab the title of each element within this?

Beware: this might be async. Can you please show the code which is populating the projects variable? — briosheje
– briosheje, Commented Sep 24, 2018 at 8:16
Unfortunately, this is a school project and deals with other students' data and so I do not wish to post my code. Sorry. — J Kait
– J Kait, Commented Sep 24, 2018 at 18:26

Léo R. · Accepted Answer · 2018-09-24 08:13:41Z

5

Try this :

console.log(projects[0].title);

First you need to access first array element and after the property

and for the foreach :

projects.forEach(projet=>console.log(projet.title));

answered Sep 24, 2018 at 8:13

Léo R.

2,7161 gold badge13 silver badges23 bronze badges

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

Comments

gr4viton · Accepted Answer · 2018-09-24 08:13:16Z

1

Loop over your array with forEach and log the title of each objects.

const myArray = [{title: 'title1'}, {title: 'title2'}, {title: 'title3'}];

myArray.forEach(object => console.log(object.title));

You can find the documentation of forEach here.

answered Sep 24, 2018 at 8:13

gr4viton

1,5141 gold badge11 silver badges22 bronze badges