The getRows() method of p5.Table in p5.js is used to return a reference to all rows in the table as an array of p5.TableRow objects. Each of the returned row objects can be used to get and set values as required.
Syntax:
getRows()
Parameters: This function does not accept any parameters.
Below example illustrates the getRows() function in p5.js:
Example:
javascript
function setup() { createCanvas(500, 400); textSize(16); text( "Click on the button to display" + "all the rows in the table" , 20, 20); getColBtn = createButton( "Show all rows" ); getColBtn.position(30, 50); getColBtn.mouseClicked(showAllRows); // Create the table table = new p5.Table(); // Add two columns table.addColumn( "movie" ); table.addColumn( "rating" ); table.addColumn( "price" ); // Add 10 randomly generated rows for (let i = 0; i < 10; i++) { let newRow = table.addRow(); newRow.setString( "movie" , "Movie " + floor(random(1, 100))); newRow.setString( "rating" , floor(random(1, 5))); newRow.setString( "price" , "$" + floor(random(10, 100))); } } function showAllRows() { clear(); let currentRows = table.getRows(); // Display the total rows // present in the table text( "There are " + currentRows.length + " rows in the table" , 20, 100); for (let r = 0; r < currentRows.length; r++) text(currentRows[r].arr.toString(), 20, 140 + r * 20); text( "Click on the button to display" + "all the rows in the table" , 20, 20); } |
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.Table/getRows