p5.TableRow getNum() 方法

p5.js 中 p5.TableRow 的getNum() 方法用于从表格行的给定列中检索 Float 值。列可以由其列 ID 或列名指定。

句法：

getNum( column )

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

• column：它是一个字符串或数字，表示列的名称或列的 ID。

返回值：此方法返回从表的给定列检索的浮点值。

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

例子：

Javascript

function setup() {
  createCanvas(600, 300);
  textSize(18);
  
  text("Click on the button to get " +
       "all the values in the table",
       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() {
  
  // Add 5 columns and rows to the table
  for (let i = 0; i < 5; i++) {
    table.addColumn("Column " + i);
    table.addRow();
  }
  
  for (let r = 0; r < 5; r++) {
    for (let c = 0; c < 5; c++) {
  
      // Set the value at the given
      // column and row of the table
      table.set(r, c, r * 100 + c);
    }
  }
}
  
function showTable() {
  clear();
  text("The values of the table are " +
       "retrieved using the getNum() method",
       20, 20);
  
  // Show all the columns present
  for (let c = 0; c < 5; c++) {
    text(table.columns,
         20 + 100 * c, 80);
  }
  
  // Show all the rows currently
  // present in the table
  for (let r = 0; r < 5; r++) {
    
    // Get the row of the table
    let tableRow = table.rows[r];
  
    for (let c = 0; c < 5; c++) {
  
      // Get the numerical value at
      // the given column of the row
      text(tableRow.getNum(c),
           20 + 100 * c,
           120 + 20 * r);
    }
  }
}

输出：

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

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

参考： https://p5js.org/reference/#/p5.TableRow/getNum