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