Как получить количество переменных в массиве в Angular 8

Question

Вот мои примеры данных

    this.factorList = [ 
    {      
    factorEnrollment: "OPTIONAL",
    factorProvider: "OKTA",
    factorStatus: "NOT_SETUP",
    factorType: "call"
  },
    {  
    factorEnrollment: "OPTIONAL",
    factorProvider: "OKTA",
    factorStatus: "NOT_SETUP",
    factorType: "sms"
  },
  {  
    factorEnrollment: "REQUIRED",
    factorProvider: "OKTA",
    factorStatus: "NOT_SETUP",
    factorType: "sms"
  }
    ];

Как получить счетчик того, сколько FactorEnrollment: "REQUIRED" находится в массиве выше в angular 8?

Answer 1

вы можете использовать оператор javascript array.filter.

let matches: number = this.factoryList.filter( item => item.factorEnrollment === 'REQUIRED').length

, который вернет количество элементов, соответствующих вашим критериям

вы также можете использовать оператор reduce, если хотите

Answer 2

@ Margerine

Вы можете использовать методы массива 'filter'

`factorList.filter(factor => factor.factorEnrollment === 'REQUIRED')`

Answer 3

Вы можете использовать метод фильтра как

 let count = this.factorList.filter(x => x.factorEnrollment === 'REQUIRED').length;

Answer 4

Вы можете отфильтровать массив по требуемому условию и получить длину этого массива.

const factorList = [ 
    {      
    factorEnrollment: "OPTIONAL",
    factorProvider: "OKTA",
    factorStatus: "NOT_SETUP",
    factorType: "call"
  },
    {  
    factorEnrollment: "OPTIONAL",
    factorProvider: "OKTA",
    factorStatus: "NOT_SETUP",
    factorType: "sms"
  },
  {  
    factorEnrollment: "REQUIRED",
    factorProvider: "OKTA",
    factorStatus: "NOT_SETUP",
    factorType: "sms"
  }
    ];
    
 
 const filtered = factorList.filter(x => x.factorEnrollment === 'REQUIRED');
 
 console.log('Number of required:', filtered.length);

Answer 5

Попробуйте так:

let count = this.factorList.filter(x => x.factorEnrollment == "REQUIRED").length

Рабочая демоверсия

Answer 6

Э-э, вы можете отфильтровать ваш массив:

this.factorList.filter(item => item.factorEnrollment === 'REQUIRED')

А затем просто поместите .length позади него, например:

this.factorList.filter(item => item.factorEnrollment === 'REQUIRED').length