📜  p5.Table getArray() 方法

📅  最后修改于: 2022-05-13 01:56:48.472000             🧑  作者: Mango

p5.Table getArray() 方法

p5.js 中 p5.Table 的getArray() 方法用于将表中的所有数据检索为多维数组。可以迭代该数组以获取表中的所有值。

句法:

getArray()

参数:此方法不接受任何参数。

返回值:该方法返回一个包含表所有数据的多维数组。

下面的示例说明了 p5.js 中的getArray() 方法

例子:

Javascript
function setup() {
  createCanvas(600, 300);
  textSize(18);
  
  text("Click on the button to get the " +
       "values of the table as an array",
       20, 20);
  
  setBtn =
    createButton("Get all table values");
  setBtn.position(30, 40);
  setBtn.mouseClicked(showTable);
  
  // Create the table
  table = new p5.Table();
  
  setTableData();
}
  
function setTableData() {
  table.addColumn('Invention');
  table.addColumn('Inventors');
  
  let tableRow = table.addRow();
  tableRow.setString('Invention', 'Telescope');
  tableRow.setString('Inventors', 'Galileo');
  
  tableRow = table.addRow();
  tableRow.setString('Invention', 'Steam Engine');
  tableRow.setString('Inventors', 'James Watt');
  
  tableRow = table.addRow();
  tableRow.setString('Invention', 'Radio');
  tableRow.setString('Inventors', 'Guglielmo Marconi');
}
  
function showTable() {
  clear();
  text("All values of the table are retrieved " +
       "using the getArray() method", 20, 20);
  
  // Get all the values in the table as an array
  let tableArray = table.getArray();
  console.table(tableArray);
  
  // Show all the rows currently
  // present in the multi-dimensional array
  for (let r = 0; r < tableArray.length; r++) {
    for (let c = 0; c < tableArray[0].length; c++) {
      text(str(tableArray[r]),
           20 + 160 * c, 100 + 20 * r);
    }
  }
}


输出:

控制台输出:

在线编辑器: https://editor.p5js.org/

环境设置: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

参考: https://p5js.org/reference/#/p5.Table/getArray