The getNum() method of p5.TableRow in p5.js is used to retrieve a Float value from the given column of the table row. The column can be specified by its column ID or column name.
Syntax:
getNum( column )
Parameters: This method accepts a single parameter as mentioned above and described below:
- column: It is a String or Number that denotes the column name or ID of the column.
Return Value: This method returns a Floating value retrieved from the given column of the table.
The example below illustrate the getNum() method in p5.js:
Example:
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[c],
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);
}
}
}
Output:
Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/javascript/p5-js-soundfile-object-installation-and-methods/