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

function setup() { 
  createCanvas(500, 300); 
  textSize(16); 
  
  saveTableBtn = createButton("Save Table"); 
  saveTableBtn.position(30, 50); 
  saveTableBtn.mouseClicked(saveToFile); 
  
  text("Click on the button to save table to csv", 20, 20); 
    
  // Create the table 
  table = new p5.Table(); 
  
  // Add two columns 
  // using addColumn() 
  table.addColumn("author"); 
  table.addColumn("language"); 
  
  // Add two rows 
  let newRow = table.addRow(); 
  newRow.setString("author", "Dennis Ritchie"); 
  newRow.setString("language", "C"); 
  
  newRow = table.addRow(); 
  newRow.setString("author", "Bjarne Stroustrup"); 
  newRow.setString("language", "C++"); 
  
  text("The table has " + table.getColumnCount() +  
       " columns", 20, 100); 
} 
  
function saveToFile() { 
  saveTable(table, "saved_table.csv"); 
}

function setup() { 
  createCanvas(600, 300); 
  textSize(16); 
  
  addColBnt = createButton("Add Column"); 
  addColBnt.position(30, 20); 
  addColBnt.mouseClicked(addNewCol); 
  
  // Create the table 
  table = new p5.Table(); 
} 
  
function addNewCol() { 
  let colName = "Random Column " + floor(random(1, 100)); 
  
  // Add the given column to table 
  table.addColumn(colName); 
} 
  
function draw() { 
  clear(); 
  
  // Show the total number of columns 
  // and current column names 
  text("The table has " + table.getColumnCount() +  
       " columns", 20, 60); 
  text("The columns are", 20, 80); 
  for (let i = 0; i < table.columns.length; i++) { 
    text(table.columns[i], 20, 100 + i * 20); 
  } 
}