p5.js | p5.Table getColumn() 方法

p5.js 中 p5.Table 的getColumn() 方法用于检索给定列中的所有值，并以数组的形式返回。要返回的列可以以其标题或 ID 的形式给出。
句法：

getColumn( column )

参数：此函数接受如上所述和如下所述的单个参数：

• column：它是一个字符串或数字，表示要返回的列的标题或编号。

返回值：它返回由 column 参数指定的列值数组。
下面的示例说明了 p5.js 中的getColumn()函数：
例子：

javascript

function setup() {
  createCanvas(500, 200);
  textSize(16);
  
  getColBtn = createButton("Get Column Values");
  getColBtn.position(30, 50);
  getColBtn.mouseClicked(getCols);
  
  text("Click on the button to get column values", 20, 20);
  
  // Create the table
  table = new p5.Table();
  
  // Add two columns
  // using addColumn
  table.addColumn("author");
  table.addColumn("language");
  
  // Add two rows
  let newRow = table.addRow();
  newRow.setString("author", "Dennis Ritchie");
  newRow.setString("language", "C");
  
  newRow = table.addRow();
  newRow.setString("author", "Bjarne Stroustrup");
  newRow.setString("language", "C++");
}
  
function getCols() {
  
  // Array of values in the column "author"
  author_col = table.getColumn("author");
  
  text("Column author: ", 20, 100);
  // Loop through the array to display the values
  for (let i = 0; i < author_col.length; i++) {
    text(author_col[i], 170 + i * 120, 100);
  }
  
  // Array of values in the column "language"
  language_col = table.getColumn("language");
  
  text("Column language: ", 20, 120);
  // Loop through the array to display the values
  for (let i = 0; i < language_col.length; i++) {
    text(language_col[i], 170 + i * 120, 120);
  }
}

输出：

在线编辑器： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
参考： https://p5js.org/reference/#/p5.Table/getColumn