The get() method of p5.TableRow in p5.js is used to retrieve a value from the given column of the table row. The column can be specified by its column ID or column name.
Syntax:
get( 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 the String or Number value retrieved from the given column of the table.
The examples below illustrate the get() method in p5.js:
Example 1:
function setup() {
createCanvas(500, 300);
textSize(16);
text( "Click on the button to get " +
"all the values of the table" ,
20, 20);
setBtn =
createButton( "Get all table values" );
setBtn.position(30, 40);
setBtn.mouseClicked(showTable);
// Create the table
table = new p5.Table();
// Add two columns
table.addColumn( "name" );
table.addColumn( "id" );
// Add some rows to the table
let newRow = table.addRow();
newRow.setString( "name" , "Suresh" );
newRow.setString( "id" , 1);
newRow = table.addRow();
newRow.setString( "name" , "Ishaan" );
newRow.setString( "id" , 22);
newRow = table.addRow();
newRow.setString( "name" , "Kumar" );
newRow.setString( "id" , 32);
newRow = table.addRow();
newRow.setString( "name" , "Ram" );
newRow.setString( "id" , 332);
newRow = table.addRow();
newRow.setString( "name" , "Shreya" );
newRow.setString( "id" , 19);
} function showTable() {
clear();
text( "The values of a tableRow " +
"are retrieved using the get() method" ,
20, 20);
// Show all the columns present
for (let c = 0; c < 2; c++) {
text(table.columns,
20 + 100 * c, 80);
}
// Show all the rows currently
// present in the table
for (let r = 0; r < 5; r++) {
// Using the name column
text(table.rows[r].get( "name" ),
20, 120 + 20 * r);
// Using the id column
text(table.rows[r].get( "id" ),
120, 120 + 20 * r);
}
} |
Output:
Example 2:
function setup() {
createCanvas(500, 300);
textSize(18);
text( "Click on the button to get " +
"that value in the table" ,
20, 20);
text( "Enter the row needed:" , 20, 60);
rowInp = createInput();
rowInp.position(30, 80);
rowInp.size(30, 20);
text( "Enter the column needed:" , 20, 120);
colInp = createInput();
colInp.position(30, 140);
colInp.size(30, 20);
setBtn =
createButton( "Get value at row and column" );
setBtn.position(30, 180);
setBtn.mouseClicked(getValueAt);
// 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 + "::" + c);
}
}
} function getValueAt() {
clear();
let rowToGet = int(rowInp.value());
let colToGet = int(colInp.value());
if (rowToGet < table.getRowCount() &&
colToGet < table.getColumnCount()) {
text( "The value at row " + rowToGet +
" and column " + colToGet +
" is:" , 20, 240);
// Get the row of the table
let tableRow = table.rows[rowToGet];
// Get the value of the given column
// from the row using the get() method
text(tableRow.get(colToGet), 30, 260);
}
else
text( "Please enter correct row " +
"and column values" , 20, 240);
text( "Click on the button to get " +
"that value in the table" , 20, 20);
text( "Enter the row needed:" , 20, 60);
text( "Enter the column needed:" , 20, 120);
} |
Output:
Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/amp/
Reference: https://p5js.org/reference/#/p5.TableRow/get