El método setNum() de p5.Table en p5.js se usa para almacenar el valor flotante dado en 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:
setNum( row, column, value )
Parámetros: esta función acepta tres 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.
- value: Es un Número que especifica el valor que se tiene que almacenar.
El siguiente ejemplo ilustra el método setNum() en p5.js:
Ejemplo:
function setup() { createCanvas(500, 300); textSize(18); text("Enter the index of the table" + " to be modified", 20, 20); rowInput = createInput(); rowInput.size(30); rowInput.position(30, 40); colInput = createInput(); colInput.size(30); colInput.position(80, 40); setBtn = createButton("Modify Given Row and Column"); setBtn.position(30, 80); setBtn.mouseClicked(modifyTableData); // Create the table table = new p5.Table(); // Add 5 columns and rows to the table for (let i = 0; i < 4; i++) { table.addColumn("Column " + i); table.addRow(); } setTableData(); } function modifyTableData() { givenRow = int(rowInput.value()); givenCol = int(colInput.value()); if (givenRow < table.getRowCount() && givenCol < table.getColumnCount()) // Set a number value to the given // row and column table.setNum(givenRow, givenCol, -999); showTable(); } function setTableData() { for (let r = 0; r < 4; r++) { for (let c = 0; c < 4; c++) { // Set the value at the given // column and row of the table table.set(r, c, r + " " + c); } } showTable(); } function showTable() { clear(); text("The value is modified using" + " the setNum() method", 20, 20); // Show all the columns present for (let c = 0; c < 4; c++) { text(table.columns, 20 + 100 * c, 120); } // Show all the rows currently // present in the table for (let r = 0; r < 4; r++) { for (let c = 0; c < 4; c++) { text(table.getString(r, c), 20 + 100 * c, 140 + 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.Table/setNum
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA