当前位置: 首页>>代码示例>>用法及示例精选>>正文


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

p5.j​​s中p5.Table的getRowCount()方法用于返回表对象中的总行数。

用法:

getRowCount()

参数:该函数不接受任何参数。

返回值:它返回一个整数值,该值指定表中的行数。

下面的示例说明了p5.js中的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); 
  } 
}

输出:
getRowCount-ex

在线编辑: https://editor.p5js.org/

环境设置: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

参考: https://p5js.org/reference/#/p5.Table/getRowCount




相关用法

注:本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 p5.Table getRowCount() Method。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。