Angular - array forEach index Angular - array forEach index angular angular

Angular - array forEach index


forEach is documented here:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Syntax:

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

Parameters:

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.

To be able to use an index inside this forEach loop, you can add an index this way:

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

Working Stackblitz demo:

https://stackblitz.com/edit/hello-angular-6-g1m1dz?file=src/app/app.component.ts