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

function setup() { 
  createCanvas(500, 200); 
  textSize(16); 
  
  getColBtn = createButton("Get Column Values"); 
  getColBtn.position(30, 50); 
  getColBtn.mouseClicked(getCols); 
  
  text("Click on the button to get column values", 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++"); 
} 
  
function getCols() { 
  
  // Array of values in the column "author" 
  author_col = table.getColumn("author"); 
  
  text("Column author:", 20, 100); 
  // Loop through the array to display the values 
  for (let i = 0; i < author_col.length; i++) { 
    text(author_col[i], 170 + i * 120, 100); 
  } 
  
  // Array of values in the column "language" 
  language_col = table.getColumn("language"); 
  
  text("Column language:", 20, 120); 
  // Loop through the array to display the values 
  for (let i = 0; i < language_col.length; i++) { 
    text(language_col[i], 170 + i * 120, 120); 
  } 
}