js counterがundefinedになる

Question

こんにちは。いつもありがとうございます。
p5.jsで遊んでいてよくわからないエラーが出たので質問させてください。

whileの前にcounterを0にしてあり、whileの中で

x[counter] = x[counter] + blo[counter].axis;

を使うとblo[counter].axis is undefined と言うエラーが出ます。
どういうことなのでしょうか？？ 宜しくお願いします。

var getRects = function(){

	var rlo = [
		{name:"r1",axis:axis.r1.y},
		{name:"r2",axis:axis.r2.y}, //has T
		{name:"r3",axis:axis.r3.y},
		{name:"r4",axis:axis.r4.y}
	]

	var blo = [
		{name:"b1",axis:axis.b1.x},
		{name:"b2",axis:axis.b2.x},
		{name:"b3",axis:axis.b3.x}
	]

	var rects = []

	var counter = 0;
	while(true){
		if(counter == 0){
			x[0] = 0;
			y[0] = 0;
		}else{
			x[0] = 0;
			y[0] = 0;
		}
		x[counter] = x[counter] + blo[counter].axis;
		y[1] = y[0];
		x[2] = x[0];
		y[counter+1] = y[counter] + rlo[counter].axis;
		x[3] = x[1];
		y[3] = y[2];
		// rects[counter].push({x0:x[0],y0:y[0],x1:x[1],y1:y[1],x2:x[2],y2:y[2],x3:x[3],y3:y[3]});
	
		counter++;
	}
	console.log(x)
	console.log(y)
	
}

Answer 1

コードを見る限り

    var blo = [
        {name:"b1",axis:axis.b1.x},
        {name:"b2",axis:axis.b2.x},
        {name:"b3",axis:axis.b3.x}
    ]

bloの要素数は3なのでcounterが3以降undefinedになるのではないかと思われます。

while(true){

↑ですと、ループを抜ける条件がないようなのでcounterが無限に加算されているのではないかと思われましたので

while(counter < 3){

にされますとどうでしょう？

Comments

[Tats.N]

ありがとうございました！なおりました！