Question

我试图将我的工作处理草图移植到p5.js，以便我可以在线使用它。但是当我尝试在二维数组中设置值时，我遇到了问题。我想我遵循API的2d数组部分中显示的正确语法，但是我得到了一个未被捕获的类型错误，表示＆＃34;无法设置未定义的属性0＆＃34;。

草图非常简单，我只想尝试从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);
            }
        }
    }
}

非常感谢任何帮助！

感谢您的时间。

Answer 1

尝试在将数组访问值设置为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);
            }
        }
    }
}

创建P5.js二维数组

1 个答案: