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
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
