创建P5.js二维数组

Creating a P5.js 2-Dimensional Array

本文关键字：二维数组 js P5 创建      更新时间：2023-09-26

我正在尝试将我的工作处理草图移植到p5.js，这样我就可以在线使用它了。但是我在试图设置二维数组中的值时遇到了一个问题。我认为我遵循了API的2d数组部分中显示的正确语法，但得到了一个未捕获的类型错误，它说"无法将属性0设置为undefined"。

草图非常简单，我只是想从CSV中读取数据，并将数据存储在2D数组中：

var cols = 8;
var rows = 8;
var month = 1;
var values = [];
var table;
function preload(){
    table = loadTable("1988.csv", "csv");
}
function setup() {
    createCanvas(800, 800);
    var totalRows = table.getRowCount();
    for (var m = 0; m < 12; m++) {
        for (var c = 0; c < cols; c++) {
            values[c]=[];
            for (var r = 0; r < rows; r++) {
                values[r+m*rows][c] = table.getNum(m*rows*cols + c*rows + r, 0);
            }
        }
    }
}

非常感谢您的帮助！

谢谢你抽出时间。

在为undefined对象设置数组访问值之前尝试分配数组：

var cols = 8;
var rows = 8;
var month = 1;
var months = 12;
var values = new Array(months);
var table;
function preload(){
    table = loadTable("1988.csv", "csv");
    for(var i = 0 ; i < months; i++) values[i] = [];//initialize 2nd dimension of the array as well, not just the 1st
}
function setup() {
    createCanvas(800, 800);
    var totalRows = table.getRowCount();
    for (var m = 0; m < 12; m++) {
        for (var c = 0; c < cols; c++) {
            values[c]=[];
            for (var r = 0; r < rows; r++) {
                values[r+m*rows][c] = table.getNum(m*rows*cols + c*rows + r, 0);
            }
        }
    }
}
相关文章：