p5.TableRow get() Method

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[c],
         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/javascript/p5-js-soundfile-object-installation-and-methods/

Reference: https://p5js.org/reference/#/p5.TableRow/get

p5.TableRow get() Method

Explore