Skip to content
Related Articles

Related Articles

Improve Article

p5.TableRow getString() Method

  • Last Updated : 18 Sep, 2020

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




My Personal Notes arrow_drop_up
Recommended Articles
Page :