零数组问题 -- 弄清楚解决方案的工作原理

问：

https://www.codewars.com/kata/59e270da7997cba3d3000041/javascript

描述： 如果一个数组包含多个零，并且每个零序列的长度至少为 4 个项目，则该数组称为零丰度。

您的任务是，如果给定的数组为零，则返回零个序列的数量，即 0。

例子 [0， 0， 0， 0， 0， 1] --> 1

1 组 5 个零 （>= 4），因此结果是 1

[0， 0， 0， 0， 1， 0， 0， 0， 0] --> 2

2 组 4 个零 （>= 4），因此结果是 2

[0， 0， 0， 0， 1， 0] --> 0 1 组 4 个零和 1 组 1 个零 （< 4） 每个零序列必须至少为 4 个长度，因此结果为 0

[0， 0， 0， 1， 0， 0] --> 0 1 组 3 个零 （< 4） 和 1 组 2 个零 （< 4）

[1， 2， 3， 4， 5] --> 0 没有零

[] --> 0 没有零

function zeroPlentiful(arr) {
  let counter = [];
  let index = 0;
  arr.forEach((num, idx) => {
   if (num === 0) {
     counter[index] = counter[index] ? counter[index] + 1 : 1;
   } else {
     index = counter.length;
   } 
  });
  return counter.every(item => item >= 4) ? counter.length : 0;
}

有人可以给我一个关于这段代码中发生的事情的逐个播放吗？我已经尝试过这个问题很多次并查看了所有解决方案，但我仍然无法弄清楚发生了什么。我知道 forEach 正在寻找 0 和非 0 数字，但除此之外，我不确定发生了什么。