p5.js Table clearRows()用法及代碼示例

function setup() { 
  createCanvas(500, 300); 
  textSize(16); 
  
  getColBtn = createButton("Get Table Row Details"); 
  getColBtn.position(30, 50); 
  getColBtn.mouseClicked(getTableRows); 
  
  getColBtn = createButton("Clear Rows"); 
  getColBtn.position(30, 80); 
  getColBtn.mouseClicked(clearAllRows); 
  
  text("Click on the button to clear the"+ 
       " rows in the table", 20, 20); 
  
  // Create the table 
  table = new p5.Table(); 
  
  // Add columns 
  table.addColumn("author"); 
  table.addColumn("book"); 
  
  // Add two rows 
  let newRow = table.addRow(); 
  newRow.setString("author", "Marcel Proust"); 
  newRow.setString("book", "In Search of Lost Time"); 
  
  newRow = table.addRow(); 
  newRow.setString("author", "James Joyce"); 
  newRow.setString("book", "Ulysses"); 
} 
  
function clearAllRows() { 
  clear(); 
  text("Click on the button to clear"+ 
       " the rows in the table", 20, 20); 
    
  // Use the clearRow() method to 
  // clear all rows in the table 
  table.clearRows(); 
  
  text("All rows cleared!", 20, 140); 
} 
  
function getTableRows() { 
  clear(); 
  text("Click on the button to clear the rows "+ 
       "in the table", 20, 20); 
  
  // Display all the rows present in the table 
  text("There are " + table.getRowCount() +  
       " rows in the table", 20, 140); 
  for (let i = 0; i < table.getRowCount(); i++) { 
    let rowContents = table.rows[i].arr.toString(); 
    text("Row " + i + ":" + rowContents, 20, 160 + i * 20); 
  } 
}