Typescript의 객체 배열에 걸쳐 반복

Typescript의 객체 배열에 걸쳐 반복

angular 2의 객체 배열에 대해 반복하고 객체 내의 특정 키에 대한 문자열 길이 표시를 제한해야 합니다.

this.productService.loadAllProducts(product).subscribe(data => {
      if (this.authService.checkActiveSession(data)) {
        if (data.success) {
         //console.log(this.product_desc.substring(0,2))
             for(let i=0;i<data.products.length ;i++){  //How to properly iterate here!!
             console.log(data.products[0].product_desc)
          }
          this.source.load(data.products);
         } else {
          console.log('Not binded');
        }
      }
    });
  } 

사용한 내용을 표시하면서 prod_desc 길이를 10자로 제한해야 합니다.

예:

this.product_desc.substring(0,10)

빌트인을 사용할 수 있습니다.forEach기능합니다.

다음과 같이 합니다.

//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);
});

하지만 네 버전은 틀리지 않았어.다음과 같이 표시됩니다.

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

Typescript 및 ES6에서 사용할 수도 있습니다.대상:

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

javascript로 변환됩니다.

for (var _i = 0, products_1 = products; _i < products_1.length; _i++) {
    var product = products_1[_i];
    console.log(product.product_desc);
}

언급URL : https://stackoverflow.com/questions/46213989/iterate-over-array-of-objects-in-typescript