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