El método get() de p5.Table en p5.js se usa para recuperar un valor de la fila y columna dadas de la tabla. La fila se puede especificar por el Id. de fila y la columna se puede especificar por su Id. de columna o nombre de columna.
Sintaxis:
get( row, column )
Parámetros: este método acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- fila: Es un número que denota el ID de fila de la fila.
- 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 el valor de string o número recuperado de la fila y columna dadas de la tabla.
Los ejemplos a continuación ilustran el método get() en p5.js:
Ejemplo 1:
Javascript
function setup() { createCanvas(500, 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(); 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 showTable() { clear(); text("The values of the table are retrieved " + "using the get() 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++) { for (let c = 0; c < 5; c++) { // Get the value at the given row // and column text(table.get(r, c), 20 + 100 * c, 100 + 20 * r); } } }
Producción:
Ejemplo 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 value at the given row // and column text(table.get(rowToGet, 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); }
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/get
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA