Método getRow() de la tabla p5.js

El método getRow() de p5.Table en p5.js se usa para devolver una referencia a la fila especificada como un objeto p5.TableRow. El objeto de fila devuelto se puede usar para obtener y establecer valores según sea necesario.

Sintaxis:

getRow( rowID )

Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:

  • rowID: Es un número que denota el ID de la fila a devolver.

El siguiente ejemplo ilustra la función getRow() en p5.js:

Ejemplo:

function setup() {
  createCanvas(500, 400);
  textSize(16);
  
  rowIDinput = createInput();
  rowIDinput.position(30, 50);
  
  getColBtn = createButton("Get Specified Row");
  getColBtn.position(30, 80);
  getColBtn.mouseClicked(getRow);
  
  // Create the table
  table = new p5.Table();
  
  // Add two columns
  table.addColumn("movie");
  table.addColumn("rating");
  
  // 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)));
  }
  
  showTable();
}
  
function getRow() {
  clear();
  
  let rowToFind = rowIDinput.value();
  
  // Get the row values using getRow() method
  if (rowToFind >= 0 &&
      rowToFind < table.getRowCount()) {
    requested_row = table.getRow(rowToFind);
  
    // Loop through the array
    // to display the values
    text("Row with the same ID: ", 20, 120);
    for (let i = 0; i < requested_row.arr.length; i++) {
      text(requested_row.arr[i],
           20 + i * 120, 140);
    }
      
  } else
    text("Please enter correct row ID", 20, 120);
  
  text("Click on the button to get the specified row",
       20, 20);
}
  
function showTable() {
  clear();
  
  // Display the total rows present in the table
  text("There are " +
       table.getRowCount() +
       " rows in the table", 20, 120);
  
  for (let r = 0; r < table.getRowCount(); r++)
    for (let c = 0; c < table.getColumnCount(); c++)
      text(table.getString(r, c),
           20 + c * 100,
           140 + r * 20);
  
  
  text("Click on the button to get the specified row",
       20, 20);
}

Producción:
getRow-specified

Editor en línea: https://editor.p5js.org/

Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

Referencia: https://p5js.org/reference/#/p5.Table/getRow

Publicación traducida automáticamente

Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *