p5.js TableRow getNum()用法及代碼示例

function setup() { 
  createCanvas(600, 300); 
  textSize(18); 
  
  text("Click on the button to get " + 
       "all the values in the table", 
       20, 20); 
  
  setBtn = 
    createButton("Get all table values"); 
  setBtn.position(30, 40); 
  setBtn.mouseClicked(showTable); 
  
  // Create the table 
  table = new p5.Table(); 
  
  setTableData(); 
} 
  
function setTableData() { 
  
  // Add 5 columns and rows to the table 
  for (let i = 0; i < 5; i++) { 
    table.addColumn("Column " + i); 
    table.addRow(); 
  } 
  
  for (let r = 0; r < 5; r++) { 
    for (let c = 0; c < 5; c++) { 
  
      // Set the value at the given 
      // column and row of the table 
      table.set(r, c, r * 100 + c); 
    } 
  } 
} 
  
function showTable() { 
  clear(); 
  text("The values of the table are " + 
       "retrieved using the getNum() method", 
       20, 20); 
  
  // Show all the columns present 
  for (let c = 0; c < 5; c++) { 
    text(table.columns, 
         20 + 100 * c, 80); 
  } 
  
  // Show all the rows currently 
  // present in the table 
  for (let r = 0; r < 5; r++) { 
    
    // Get the row of the table 
    let tableRow = table.rows[r]; 
  
    for (let c = 0; c < 5; c++) { 
  
      // Get the numerical value at 
      // the given column of the row 
      text(tableRow.getNum(c), 
           20 + 100 * c, 
           120 + 20 * r); 
    } 
  } 
}