Método p5.Table getObject()

El método getObject() de p5.Table en p5.js se usa para recuperar todos los datos de la tabla como un objeto. Se puede especificar un nombre de columna opcional para almacenar todas las filas de la tabla con ese nombre de columna como atributo.

Sintaxis:

getObject( [headerColumn] )

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

  • headerColumn: es una string que denota el nombre de la columna que debe usarse como título para cada objeto de fila.

Valor devuelto: este método devuelve un objeto que contiene todos los datos de la tabla.

Los siguientes ejemplos ilustran el método getObject() en p5.js:

Ejemplo 1:

Javascript

function setup() {
  createCanvas(600, 300);
  textSize(18);
  
  text("Click on the button to get " +
       "the values of the table as an object",
       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() {
  table.addColumn('Invention');
  table.addColumn('Inventors');
  
  let tableRow = table.addRow();
  tableRow.setString('Invention', 'Telescope');
  tableRow.setString('Inventors', 'Galileo');
  
  tableRow = table.addRow();
  tableRow.setString('Invention', 'Steam Engine');
  tableRow.setString('Inventors', 'James Watt');
  
  tableRow = table.addRow();
  tableRow.setString('Invention', 'Radio');
  tableRow.setString('Inventors', 'Guglielmo Marconi');
}
  
function showTable() {
  clear();
  text("All values retrieved using the " +
       "getObject() method", 20, 20);
  
  // Get all the values in the table as an array
  let tableObject = table.getObject();
  console.log(tableObject);
  
  // Get every row in the table using the length
  // of their keys
  for (let r = 0; r < Object.keys(tableObject).length; r++) {
    
    // Display the row using the JSON format
    text(JSON.stringify(tableObject[r]), 20, 100 + 30 * r);
  }
}

Producción:

Ejemplo 2:

Javascript

function setup() {
  createCanvas(600, 400);
  textSize(18);
  
  text("Click on the button to get the " + 
       "values of the table as an object",
       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() {
  table.addColumn('Invention');
  table.addColumn('Inventors');
  
  let tableRow = table.addRow();
  tableRow.setString('Invention', 'Telescope');
  tableRow.setString('Inventors', 'Galileo');
  
  tableRow = table.addRow();
  tableRow.setString('Invention', 'Steam Engine');
  tableRow.setString('Inventors', 'James Watt');
  
  tableRow = table.addRow();
  tableRow.setString('Invention', 'Radio');
  tableRow.setString('Inventors', 'Guglielmo Marconi');
}
  
function showTable() {
  clear();
  text("All the values are retrieved " +
       "using the getObject() method", 20, 20);
  
  text("Below is the object representation " +
       "of the whole table", 20, 80);
  
  // Get all the values in the table as an object
  // with the header column as "Invention"
  let tableObject = table.getObject("Invention");
  console.log(tableObject);
  
  // Display the object using the JSON format
  text(JSON.stringify(tableObject, null, '\t'), 20, 120);
}

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.Table/getObject

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 *