The getString() method of p5.TableRow in p5.js is used to retrieve a String value from the given column of the table row. The column can be specified by its column ID or column name.
Syntax:
getString( column )
Parameters: This function 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 String which is the value retrieved from the given column of the table.
The examples below illustrate the getString() method in p5.js:
Example 1:
Javascript
function setup() { createCanvas(600, 300); textSize(18); 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", "Mary"); newRow.setString("id", "id-1"); newRow = table.addRow(); newRow.setString("name", "Nezuko"); newRow.setString("id", "id-12"); newRow = table.addRow(); newRow.setString("name", "Ishigaki"); newRow.setString("id", "id-121"); newRow = table.addRow(); newRow.setString("name", "Sam"); newRow.setString("id", "id-23"); newRow = table.addRow(); newRow.setString("name", "Max"); newRow.setString("id", "id-45"); newRow = table.addRow(); newRow.setString("name", "Mikasa"); newRow.setString("id", "id-132"); } function showTable() { clear(); text("The values each tableRow is " + "retrieved using the getString() method", 20, 20); // Show all the columns present for (let c = 0; c < table.getColumnCount(); c++) { text(table.columns, 20 + 160 * c, 80); } // Show all the rows currently // present in the table for (let r = 0; r < table.getRowCount(); r++) { // Get the table row from the table let table_row = table.rows[r]; // Getting the name column from // the table row text(table_row.getString("name"), 20, 120 + 20 * r); // Getting the id column from // the table row text(table_row.getString("id"), 180, 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 row and column", 20, 60); rowInp = createInput(); rowInp.position(30, 80); rowInp.size(30, 20); colInp = createInput(); colInp.position(70, 80); colInp.size(30, 20); setBtn = createButton("Get value at row and column"); setBtn.position(30, 110); 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, 160); // Get the table row from the table let table_row = table.rows[rowToGet]; // Print the column from the table row text(table_row.getString(colToGet), 20, 180); } else text("Please enter correct row " + "and column values", 20, 160); text("Click on the button to get " + "that value in the table", 20, 20); text("Enter row and column", 20, 60); } |
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/getString
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!
