Как посчитать количество элементов массива, удовлетворяющих условию?

Question

[Александр]

Есть массив:

{
  result: 'OK',
  data: [
    { id: '10', categoryid: '3' },
    { id: '85', categoryid: '0' },
    { id: '46', categoryid: '5' },
    { id: '38', categoryid: '5' },
    { id: '59', categoryid: '5' },
    { id: '43', categoryid: '5' },
    { id: '56', categoryid: '0' },
    // ...
  ],
}

Как узнать количество элементов с categoryid="3"?

Answer 1

[0xD34F]

Условие, которому должны удовлетворять объекты:

const checkItem = item => item.categoryid === '3';

Считаем:

const count = response.data.filter(checkItem).length;

// или

const count = response.data.reduce((acc, n) => acc + checkItem(n), 0);

// или

let count = 0;
for (const n of response.data) {
  count += checkItem(n);
}

// или

const count = +eval(response.data.map(checkItem).join('+')) || 0;

// или

const count = (function sum(i, n = response.data[i]) {
  return n ? checkItem(n) + sum(i + 1) : 0;
})(0);

Comments

[Александр]

Огромное спасибо!

[Антон Спирин]

Александр Черный, если вам нужна поддержка IE, то стрелочные функции там не поддерживаются

[Антон Прохоров]

Антон Спирин, Да, без бутылки Babel тут не разберешься

Answer 2

[Антон Спирин]

var data = response.data;
var category3 = data.filter(function(el) {
  return el.categoryid === '3';
});

var category3Lendth = category3.length;  // длина

Answer 3

[Алексей]

data.reduce(function(catSum, current) {
  return catSum + (current.categoryid === '3' ? 1 : 0);
}, 0);

Comments

[Антон Спирин]

Фильтрация для решения этой задачи лучше тем, что в большинстве браузеров выполнится быстрей, а код получится гораздо читаемей.

[Алексей]

Антон Спирин, это от количества статей будет зависеть, фильтр создает новый массив, что уже минус по памяти.

[Антон Спирин]

Алексей, ну я тесты проводил c миллионнами записей. Даже цепочный вызов map().filter().map() выполняется быстрей reduce c аналогичными операциями в большинстве браузеров. Не стоит забывать, что важную роль играет реализация этих методов на нативном уровне.

скриншот с того теста

Главный недостаток тут именно ущерб читаемости. Приходится разбирать всю логику, чтобы понять что происходит. С filter же все сразу ясно и можно обратить внимание только на условие.

[dom1n1k]

важную роль играет реализация этих методов на нативном уровне.

Нет там реализации "на нативном уровне". Методы forEach, map, reduce и подобные реализованы на JS и компилируются движком на общих основаниях.

[Антон Спирин]

dom1n1k, а я где-то написал, что они написаны не на JS?

Но да я выразился неверно, "не реализация на нативном уровне", а именно как реализована работа c памятью и операторами нативном уровне.

[dom1n1k]

Ну в смысле, он не написан на C++, чтобы быть кардинально быстрее.
Там конечно есть какие-то вызовы из кишков, в но целом функция - JS.

Я ж не сам это придумал, это говорит один из разработчиков движка:
https://mrale.ph/blog/2015/04/12/jsunderhood.html#...

[Антон Спирин]

dom1n1k, да тут важней работа с памятью. Причем этот код выполнится быстрей на reduce как раз по причине того, что массив не копируется. У V8 судя по тесту с этим хуже всего.