JavaScript：绘制函数中的For循环可创建2项功能

Question

我是JavaScript的新手，我正在使用p5和一些For循环来创建一些滑块。

我已经设置了数组来保存这些滑块的x，y和label值，然后设置了另一个主数组来保存所有单独的滑块数组。

for循环当前在主阵列（“滑块”）中循环并拉出单个滑块阵列。然后，它使用标准的p5方法（createSlider）创建一个滑块，并应用位置值。然后，将名称字符串添加到滑块上方的一些文本中。

我的问题是，循环似乎在第一个滑块的顶部完全相同的位置创建了第二个滑块，我不知道为什么。此处包括循环代码，主数组和示例滑块数组；请参见图11。任何帮助将不胜感激。

//Loop code
for(let i = 0; i < sliders.length; i++)
        {
            let current = sliders[i];
            let slider = createSlider(0,100,0);
            slider.style('rotate','270');
            slider.position(current[0],current[1]);
            slider.size(130);
            textSize(15);
            textAlign(CENTER,CENTER);
            text(current[2],current[0]+55,current[1]-75); 
        }

//Master array
sliders = [rate,delay,vib,pwmSlider,sqr,saw,sub,noise,hpf,freq,res,env,lfo,output,atk,decay,sus,rel];

//Example slider array
rate = [5,160,'Rate'];