p5.js Table getRowCount()用法及代码示例

let rowCount = 1; 
  
function setup() { 
  createCanvas(500, 400); 
  textSize(16); 
  
  addRowBtn = createButton("Add Row"); 
  addRowBtn.position(30, 50); 
  addRowBtn.mouseClicked(addOneRow); 
  
  removeRowBtn = 
    createButton("Clear Last Row"); 
  removeRowBtn.position(160, 50); 
  removeRowBtn.mouseClicked(clearLastRow); 
  
  // Create the table 
  table = new p5.Table(); 
  
  // Add columns 
  table.addColumn("book"); 
  table.addColumn("price"); 
  
  // Display the table 
  showTable(); 
} 
  
function addOneRow() { 
  let newRow = table.addRow(); 
  newRow.set('book', "Book " + rowCount); 
  newRow.set('price', "Price " + 
    (rowCount * random(1, 10)).toFixed(1)); 
  
  rowCount++; 
  
  showTable(); 
} 
  
function clearLastRow() { 
  let lastRow = table.getRowCount() - 1; 
  if (lastRow >= 0)  
    table.removeRow(lastRow); 
  
  showTable(); 
} 
  
function showTable() { 
  clear(); 
  text("Click on the buttons to change" + 
       " the number of rows in the table", 
       20, 20); 
  
  // Get the number of rows in the table 
  let rowCount = table.getRowCount(); 
  
  // Display the total rows 
  // present in the table 
  text("There are " + rowCount + 
       " rows in the table", 20, 100); 
  
  // Show all the rows currently 
  // present in the table 
  for (let r = 0; r < rowCount; r++) { 
    let currRow = table.rows[r].arr.toString(); 
    currRow = currRow.split(", ").join("  "); 
  
    text(currRow, 30, 140 + r * 20); 
  } 
}