Método p5.TableRow getNum()

El método getNum() de p5.TableRow en p5.js se usa para recuperar un valor flotante de la columna dada de la fila de la tabla. La columna se puede especificar por su ID de columna o nombre de columna.

Sintaxis:

getNum( column )

Parámetros: este método acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:

  • columna: Es una String o Número que denota el nombre de la columna o ID de la columna.

Valor devuelto: este método devuelve un valor flotante recuperado de la columna dada de la tabla.

El siguiente ejemplo ilustra el método getNum() en p5.js:

Ejemplo:

Javascript

function setup() {
  createCanvas(600, 300);
  textSize(18);
  
  text("Click on the button to get " +
       "all the values in the table",
       20, 20);
  
  setBtn =
    createButton("Get all table values");
  setBtn.position(30, 40);
  setBtn.mouseClicked(showTable);
  
  // 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 * 100 + c);
    }
  }
}
  
function showTable() {
  clear();
  text("The values of the table are " +
       "retrieved using the getNum() method",
       20, 20);
  
  // Show all the columns present
  for (let c = 0; c < 5; c++) {
    text(table.columns,
         20 + 100 * c, 80);
  }
  
  // Show all the rows currently
  // present in the table
  for (let r = 0; r < 5; r++) {
    
    // Get the row of the table
    let tableRow = table.rows[r];
  
    for (let c = 0; c < 5; c++) {
  
      // Get the numerical value at
      // the given column of the row
      text(tableRow.getNum(c),
           20 + 100 * c,
           120 + 20 * r);
    }
  }
}

Producción:

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.TableRow/getNum

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 *