p5.js | p5.Table addColumn() 方法

在p5.js中，我们可以使用 p5.Table 类来创建和操作数据表。 addColumn() 方法允许我们向数据表中添加新的列。

语法

以下是 addColumn() 方法的语法：

table.addColumn([name]);

其中：

• name（可选）：表示新的列的名称。如果未指定名称，则新的列将被自动命名为“Column X”，其中X表示列的当前数量。

参数

addColumn() 方法接受一个可选的参数 name，表示新的列的名称（字符串类型）。如果未指定名称，则新的列将被自动命名为“Column X”，其中 X 表示表中目前的列数。

返回值

addColumn() 方法不返回任何值。它直接对数据表进行更改。

示例

以下示例演示如何使用 addColumn() 方法向数据表中添加一个新列：

let table;

function setup() {
  createCanvas(400, 400);

  // 创建一个数据表
  table = new p5.Table();

  // 添加 4 行、3 列的数据到表中
  table.addColumn("Name");
  table.addColumn("Age");
  table.addColumn("Gender");

  // 添加数据
  table.addRow("Tom", 25, "Male");
  table.addRow("Jerry", 27, "Male");
  table.addRow("Tina", 22, "Female");
  table.addRow("Mary", 29, "Female");

  // 添加新列
  table.addColumn("City");

  // 输出结果
  print(table.getRowCount() + " rows");
  print(table.getColumnCount() + " columns");
}

在这个例子中，我们创建了一个空的 Table 实例，然后通过 addColumn() 方法添加了三个列：“Name”、“Age”和“Gender”。然后，我们使用 addRow() 方法向表中添加了一些数据。

接下来，我们使用 addColumn() 方法添加了一个新的名为“City”的列。最后，我们通过 getRowCount() 和 getColumnCount() 方法获取了表的行数和列数，并将它们输出到控制台中。

执行上述代码后，在控制台中显示以下信息：

4 rows
4 columns

综合示例

以下示例演示如何使用 addColumn() 方法向数据表中添加两个新列，然后使用 set() 方法更改列值：

let table;

function setup() {
  createCanvas(400, 400);

  // 创建一个数据表
  table = new p5.Table();

  // 添加 4 行、3 列的数据到表中
  table.addColumn("Name");
  table.addColumn("Age");
  table.addColumn("Gender");

  // 添加数据
  table.addRow("Tom", 25, "Male");
  table.addRow("Jerry", 27, "Male");
  table.addRow("Tina", 22, "Female");
  table.addRow("Mary", 29, "Female");

  // 添加新列
  table.addColumn("City");
  table.addColumn("Occupation");

  // 更改数据
  table.set(0, "City", "Los Angeles");
  table.set(0, "Occupation", "Programmer");
  table.set(1, "City", "New York");
  table.set(1, "Occupation", "Designer");
  table.set(2, "City", "London");
  table.set(2, "Occupation", "Writer");
  table.set(3, "City", "Paris");
  table.set(3, "Occupation", "Artist");

  // 输出结果
  print(table.getRowCount() + " rows");
  print(table.getColumnCount() + " columns");
  print(table.get(0, "Name") + " is a " + table.get(0, "Occupation") + " from " + table.get(0, "City"));
  print(table.get(1, "Name") + " is a " + table.get(1, "Occupation") + " from " + table.get(1, "City"));
  print(table.get(2, "Name") + " is a " + table.get(2, "Occupation") + " from " + table.get(2, "City"));
  print(table.get(3, "Name") + " is a " + table.get(3, "Occupation") + " from " + table.get(3, "City"));
}

在这个例子中，我们首先创建了一个空的 Table 实例，然后通过 addColumn() 方法添加了三个列： “Name”、“Age”和“Gender”。接着，我们使用 addRow() 方法向表中添加了一些数据。

然后，我们使用 addColumn() 方法添加了两个名为 “City” 和 “Occupation” 的新列。我们使用 set() 方法更改了表中的某些列的值。最后，我们通过 get() 方法获取了表中特定单元格的值，并将其输出到控制台中。

执行上述代码后，在控制台中显示以下信息：

4 rows
5 columns
Tom is a Programmer from Los Angeles
Jerry is a Designer from New York
Tina is a Writer from London
Mary is a Artist from Paris

结论

p5.Table 类提供了许多方便的方法来操作数据表。使用 addColumn() 方法，我们可以轻松地将新列添加到表中，并使用其他方法来编辑和查询表中的数据。