El método removeColumn() de p5.Table en p5.js se usa para eliminar la columna dada de una tabla. La columna que se eliminará se puede especificar utilizando su título o su valor de índice (ID de columna).
Sintaxis:
removeColumn( column )
Parámetros: esta función 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 el ID de la columna a eliminar.
El siguiente ejemplo ilustra la función removeColumn() en p5.js:
Ejemplo 1:
function setup() { createCanvas(500, 400); textSize(16); removeColBtn = createButton("Clear Last Column"); removeColBtn.position(30, 60); removeColBtn.mouseClicked(clearLastColumn); // Create the table table = new p5.Table(); // Add columns table.addColumn("author"); table.addColumn("book"); table.addColumn("price"); table.addColumn("rating"); // Add 10 random rows to the table for (let i = 0; i < 10; i++) { let newRow = table.addRow(); newRow.setString("author", "Author " + floor(random(1, 100))); newRow.setString("book", "Book " + floor(random(1, 100))); newRow.setString("price", "$" + floor(random(10, 100))); newRow.setString("rating", random(1, 5).toFixed(2)); } // Display the rows currently present getTableRows(); } function clearLastColumn() { clear(); text("Click on the button to clear " + "the last column in the table", 20, 20); // Get the index of the last column // of the table let lastColumn = table.getColumnCount() - 1; // Use the removeColumn() method to // clear the given column of the table if (lastColumn >= 0) table.removeColumn(lastColumn); text("Last column cleared!", 20, 140); getTableRows(); } function getTableRows() { clear(); text("Click on the button to clear " + "the last column in the table", 20, 20); // Display the total columns // present in the table text("There are " + table.getColumnCount() + " columns in the table", 20, 120); // Show the table with the columns and rows for (let r = 0; r < table.getRowCount(); r++) for (let c = 0; c < table.getColumnCount(); c++) text(table.getString(r, c), 20 + c * 100, 140 + r * 20); }
Producción:
Ejemplo 2:
function setup() { createCanvas(500, 400); textSize(16); columnInput = createInput(); columnInput.position(30, 40); clearColBtn = createButton("Clear Given Column"); clearColBtn.position(30, 70); clearColBtn.mouseClicked(clearColumn); // Create the table table = new p5.Table(); // Add columns table.addColumn("author"); table.addColumn("book"); table.addColumn("price"); table.addColumn("rating"); // Add 10 random rows to the table for (let i = 0; i < 10; i++) { let newRow = table.addRow(); newRow.setString("author", "Author " + floor(random(1, 100))); newRow.setString("book", "Book " + floor(random(1, 100))); newRow.setString("price", "$" + floor(random(10, 100))); newRow.setString("rating", random(1, 5).toFixed(2)); } // Display the rows currently present getTableRows(); } function clearColumn() { clear(); text("Click on the button to clear " + "the given column in the table", 20, 20); // Get the index of the column to be removed let colToClear = int(columnInput.value()); // Use the removeColumn() method to // clear the given column of the table if (colToClear >= 0 && colToClear < table.getColumnCount()) table.removeColumn(colToClear); text("Last column cleared!", 20, 140); getTableRows(); } function getTableRows() { clear(); text("Click on the button to clear " + "the given column in the table", 20, 20); // Display the total columns // present in the table text("There are " + table.getColumnCount() + " columns in the table", 20, 120); for (let r = 0; r < table.getRowCount(); r++) for (let c = 0; c < table.getColumnCount(); c++) text(table.getString(r, c), 20 + c * 100, 140 + r * 20); }
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/removeColumn
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA