p5.TableRow getString() Method

0 0 2 minutes read

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.zambiatek.com/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, zambiatek 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!