Javascript 更改嵌套循环中不同部分的笔划颜色

我已经成功地创建了3个“for”循环，并为每组分配了不同的颜色。然后，我决定将3个“for”循环组合成一个嵌套循环，以保持其简洁，但我无法改变每个部分的颜色（线条的笔划）（就像我在循环分开时所做的那样）。我想知道是否有人能帮我将颜色添加到1嵌套循环中

我有3个独立的

for

-循环，因此您可以看到它的外观。我注释掉了我想在最终代码中包含的代码（没有颜色的嵌套循环）

设wallx=200；
设wally=200；
函数设置（）{
createCanvas（1000700）；
}
函数绘图（）{
背景（220）；
noLoop（）；
//此代码将3个“for”循环组合成一个嵌套循环
//对于（设i=0；i添加颜色数组

let colors=[颜色（255,0,0），颜色（255,255,0），颜色（0,0,255）]；

根据
i
设置
笔划
颜色：

笔划（颜色[i]）；

固定画线：

行（0*（i+wallx），j，（wallx*i），j）；

行（wally*i，j，（wallx*（i+1）），j）；


设wallx=200；
设wally=200；
函数设置（）{
createCanvas（1000700）；
}
函数绘图（）{
背景（220）；
noLoop（）；
让颜色=[颜色（255，0，0），颜色（255，255，0），颜色（0，0，255）]；
for（设i=0；i