P5.js | loadTable()函数

loadTable()函数是p5.js中的一个实用函数，它可以帮助我们轻松地将表格数据加载到p5.js sketch中，以便于后续的处理。在本文中，我们将介绍loadTable()的基本用法、参数、返回值以及示例代码。

基本用法

loadTable()函数的基本用法如下：

loadTable(tableURL, [options], [callback])

其中，tableURL表示表格文件的路径，可以是一个相对路径或者一个绝对路径。options是可选的参数，用于配置表格的数据格式、分隔符等选项。callback也是可选的参数，用于在表格数据加载完成后执行某些操作。

参数

loadTable()函数支持以下参数：

tableURL

必需，表示表格文件的路径。可以是一个相对路径或者一个绝对路径。如果表格文件位于服务器上，则必须使用绝对路径。

options（可选）

表示表格的选项，通常是一个对象，具体选项如下：

• delimiter：分隔符，默认为逗号。
• header：是否包含表头，默认为true。
• fileType：表格文件类型，默认自动检测。也可以指定为csv、tsv、html、json等。
• quote：引用符，默认为双引号。

callback（可选）

表示在表格数据加载完成后需要执行的函数。回调函数有以下参数：

• data：表示加载的表格数据。
• error：表示加载数据时遇到的错误（如果有）。

返回值

loadTable()函数返回一个Table对象，可用于进一步处理表格数据。

示例代码

以下是一个示例代码，演示了如何使用loadTable()函数加载一个csv文件，并在控制台输出表格内容：

let table;

function preload() {
  table = loadTable('data.csv', 'csv', 'header');
}

function setup() {
  console.log(table.getRowCount());
  console.log(table.getColumnCount());

  for (let i = 0; i < table.getRowCount(); i++) {
    console.log(table.getString(i, 'name'));
    console.log(table.getNum(i, 'age'));
  }
}

注意：这里使用了p5.js的preload()函数，以便在setup()函数执行前预先加载表格数据。如果不使用preload()函数，则要在setup()函数中调用loadTable()函数。