PureDevOps Community

Iterate over array of objects in Typescript ( React, Angular, VueJs)

#1

How to iterate over array of object in Typescript ?

#2

Option: 1

You can use the built-in forEach function for arrays.

Like this:

//this sets all product descriptions to a max length of 10 characters
data.products.forEach( (element) => {
    element.product_desc = element.product_desc.substring(0,10);
});

Your version wasn’t wrong though. It should look more like this:

for(let i=0; i<data.products.length; i++){
    console.log(data.products[i].product_desc); //use i instead of 0
}
#3

Option:2

In Typescript and ES6 you can also use for…of:

for (var product of products) {
     console.log(product.product_desc)
}