arrays - Angular-数组forEach索引

Question

如何在Angular4代码中为forEach循环标识索引。

我需要根据条件在foreach内拼接记录。

angular.forEach(myObject => {
    if(!myObject.Name)
        myObject.splice(..., 1)
};

如果myObject中的名称为空，我想在这里删除对象。

Answer 1

此处记录了forEach:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
语法:

arr.forEach(callback(currentValue[, index[, array]]) { // execute something }[, thisArg]);

参数:

callback: Function to execute on each element. It accepts between one and three arguments:

currentValue: The current element being processed in the array.

index: Optional, The index of currentValue in the array.

array: Optional, The array forEach() was called upon.

thisArg: Optional, Value to use as this when executing callback.

为了能够在此forEach循环中使用索引，可以通过以下方式添加索引:

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
    name = 'Angular 6';

    myArray = [{name:"a"}, {name:""}, {name:"b"}, {name:"c"}];

    ngOnInit() {
        this.removeEmptyContent();
    }

    removeEmptyContent() {
        this.myArray.forEach( (currentValue, index) => {
          if(!currentValue.name){
              this.myArray.splice(index, 1);
          }
        });
    }
}

工作Stackblitz演示:
https://stackblitz.com/edit/hello-angular-6-g1m1dz?file=src/app/app.component.ts