javascript - 循环函数并跟踪连续是否有 4 个以上相同的值

Question

我想跟踪连续是否有 4 个以上相同的值，如果有，则为每个值返回“红色”。

我的问题是，只有在确定了前三个相同的值后，我才能弄清楚如何执行此操作。这是因为我正在将先前的值与当前的值进行比较，而不是展望 future 。我不知道如何展望 future 。

function(d, i) {

      if(i !== 0 && previous_d === d)
        tally++;
      else
        tally = 0;

      previous_d = d;

      return (tally >= 4) ? 'red' : '#363636';
 })

https://jsfiddle.net/everina/f2L2t9tw/2/ - 这是一个离散条，您会注意到 4+ 链的前 3 条线是黑色的，但应该是红色的。

我怎样才能让它看起来很头，看看它是否是 4+ 个相同值链的一部分，如果是，则返回红色。

Answer 1

这是一种可能的解决方案。在最初的过程中，记下计数何时变为四。这会告诉您该组四个项目的起始索引在哪里。然后进行第二遍，为前面的项目分配正确的值。

下面是一个例子。 indices 是在 discreteChart 函数顶部声明的数组。

.attr('stroke', function(d, i) {

  if(i !== 0 && previous_d === d) {
    tally++;
  } else {
    tally = 1;
  }
  if (tally === 4) {
    indices.push(i - tally);
  }

  previous_d = d;

  return (tally >= 4) ? 'red' : '#363636';
})
.attr('stroke', function (d, i) {
  var n;
  for (n = 0; n < indices.length; n++) {
    if (i > indices[n] && i < indices[n] + 4) {
      return 'red';
    }
  }
  return this.attributes.getNamedItem('stroke').value;
})