JavaScript 自动更新数组

Question

我想做以下事情；

1. 创建一个任意有限长度（例如 10 行）的 2 列数组，
2. 填充后从恒定速率数据流中顺序填充它
3. ，从同一数据流更新它（即替换元素 0，向下移动 1-9，丢弃旧的 9 ）
4. （最佳）输出每列的平均值

我自己可能可以做 4，但不知道如何做 1-3。

如果有帮助，我正在尝试翻译它；

http://kindohm.com/2011/03/01/KinectCursorControl.html （参见可怕的晃动光标下方）。

Answer 1

这应该可以正常工作（顺便说一句，这是个好问题 - 有趣的小挑战，因为有很多方法可以做到这一点）

var pointSmoother = (function(){
  var pointCount     = 10, // number of points to keep
      componentCount = 2,  // number of components per point (i.e. 2 for x and y)
      points = [];

  function clear() {
    var i, l;
    for( i = 0, l = componentCount ; i < l ; i++ ) {
      if( typeof points[i] === 'undefined' ) {
        points.push([]);
      } else {
        points[i].splice(0, pointCount);
      }
    }
  }

  clear();

  function pushPoint( /* point components */ ) {
    var i, l;
    for( i = 0 ; i < componentCount ; i++ ) {
      points[i].unshift(arguments[i]);
      points[i] = points[i].slice(0, pointCount);
    }
  }

  function average() {
    var i, j, l, sum, averages = [];
    l = points[0].length;
    for( i = 0 ; i < componentCount ; i++ ) {
      sum = 0;
      for( j = 0 ; j < l ; j++ ) {
        sum += points[i][j];
      }
      averages.push(sum/l);
    }
    return averages;
  }

  function getPoints() {
    return points;
  }

  return {
      getPoints: getPoints,
      pushPoint: pushPoint,
      clear:     clear,
      average:   average
  };
}());

它基本上所做的是创建一个对象并将其分配给pointSmoother。该对象有 4 个方法：pushPoint()、clear()、getPoints() 和 average()。在顶部，您可以设置一个点有多少个坐标，以及要保留多少个点（最大）。我用了你的例子，每个点 2 个坐标，一次 10 个点。

现在，我假设您一次获取 2 个一组的值。我们将这两个值称为 x 和 y。当您收到它们时，使用 pointSmoother.pushPoint(x, y); 将它们添加到事物中。然后，您可以通过调用 pointSmoother.average() 来获取“平均点”，它将返回一个包含（在本例中）2 个值的数组：平均值 x 和平均值 y。

如果您想自己查看数组，可以调用 pointSmoother.getPoints() ，它将返回点数组。最后，pointSmoother.clear() 将清空先前值的数组。

这是一个演示： http://jsfiddle.net/tapqs/1/

Answer 2

var nums = [[1,2],[1,3],[2,1]];
alert(nums[0][0]); //1 
alert(nums[0][1]); //2

那是一个二维数组。加载数据就像加载任何其他数组一样。

要按顺序更新它，您需要查看 javascript 中的队列行为。使用 unshift() 和 pop()。

Javascript 数组： http://www.w3schools.com/jsref/jsref_obj_array.asp

最后假设有 10 个位置，则对列进行平均：

var num1 = 0;
var num2 = 0;
for(int i = 0;i<10;i++)
{
    num1 +=array[i][0];
    num2 +=array[i][1];
}
num1 = num1/10;
num2 = num2/10;

//num1 is now the average of the first column
//num2 is now the average of the second column