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:
Javascript
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:
Javascript
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/
Reference: https://p5js.org/reference/#/p5.TableRow/get