从 csv 文件遍历 header 数组以获得 P5.js 中的下拉列表

Question

我不熟悉使用 CSV 文件和 drop-down 菜单。使用 P5.js 我想使用 for 循环创建所有 header 名称的一个 drop-down 列表，但到目前为止只能为每个 [= 创建许多单独的 drop-down 菜单23=] 名称，而不是将它们全部放在一个 drop-down 菜单中作为列表。这可能是非常简单的东西，但我看不到：

      for(var i = 0; i < this.data.getColumnCount() ; i++)
          {
           // Create a select DOM element.
           this.select = createSelect();

           // Set select position.
          this.select.position(400, 50);
          var companySelect = this.data.columns;

          // Fill the options with all company names.
          this.select.option(companySelect[i]);
          };

这是我执行时看到的here

Answer 1

您实际做的是为每个选项创建一个单独的下拉菜单。

首先你必须通过 createSelect() 创建下拉菜单。然后你必须通过 this.select.option('kiwi') 在循环中将选项添加到菜单：

// Create a select DOM element.
this.select = createSelect();

// Set select position.
this.select.position(400, 50);

var companySelect = this.data.columns;
for(var i = 0; i < this.data.getColumnCount() ; i++) {

    // Fill the options with all company names.
    this.select.option(companySelect[i]);
};

从 csv 文件遍历 header 数组以获得 P5.js 中的下拉列表

Traverse header array from csv file for drop down list in P5.js

javascript

csv

for-loop

drop-down-menu

p5.js