Question

我在执行以下代码段时遇到问题。它是更大的python Bokeh绘图的回调代码。由于我对javascript的使用经验有限，我正在从this问题中提取如何在javascript中循环数组。

这是修改后的对象s2 = ColumnDataSource(data=dict(x=[],y1=[],y2=[],y3=[], y4=[]))

  var inds = cb_obj.get('selected')['1d'].indices; // Obtains column numbers
  var d1 = m1.get('data'); // Obtains matrix with numbered columns that correspond to inds
  var d2 = s2.get('data'); // Plotted data columns that get modified according to inds
  var ys = ['y1','y2','y3','y4']; // Array of names of columns in d2/s2
  var j, y, select= ys.slice(0,inds.length+1), // Limit number of columns to number of inds

  //This piece is from the linked question -  a loop through select (e.g only 'y1' and 'y2')
  var len = select.length;
  for(j=0; j<len; ++j) {
    if (j in select) {
      y = selected[j]; 
      // For each selected name of a column
      d2[y] = [];  // Erase current value
      // Fill the column from d1  (12 is just the length of the column)
      for (var i = 0; i < 12; i++) {
        d2[y].push(d1[inds[j]][i]),
      }
    }
  }
  s2.trigger('change');

当只有两个索引传递给它时，第二个循环对于预定义数量的y1，y2工作得很好。但我的目标是使选择大小动态，即对于从[1,5,65,76]或[1,8]这样从外部传递到inds的不同数量的索引，代码是填充适当的数字ys，y1，y2，y3，y4或y1，y2，数据来自d1 / m1。

从我可以告诉代码＆＃34;应该＆＃34;做到这一点，但我显然没有看到什么。

为了比较，这里是以前版本的代码，但仅限于两个索引。

  var inds = cb_obj.get('selected')['1d'].indices;
  var d1 = m1.get('data'); 
  var d2 = s2.get('data');
  d2['y'] = []
  d2['y2'] = []
  for (i = 0; i < 12; i++) {
    d2['y1'].push(d1[inds['0']][i]),
    d2['y2'].push(d1[inds['1']][i])
  }
  s2.trigger('change');

Here是包含示例数据的全部内容（Python），可实现更好的可视化。

Answer 1

我明白了。这一行末尾有一个额外的逗号

d2[y].push(d1[inds[j]][i])

在javascript中正确迭代数组的前n个元素

1 个答案: