Método removeColumn() de la tabla p5.js

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:
removeCol-last

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:
removeCol-specified

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *