我没有机会创建和访问对象数组。我尝试在画布上随机绘制10个矩形,并将它们的X、Y、宽度和高度存储在一个数组中,以便稍后访问。
var square = {cX : 0, cY : 0, W : 200, H : 100}
var squares = [];
var squaresToMake = 10;
for ( var loopy = 0; loopy < squaresToMake; loopy++ ) {
square.cX = Math.floor(Math.random() * 20);
square.cY = Math.floor(Math.random() * 20);
square.W = Math.floor(Math.random() * 200);
square.H = Math.floor(Math.random() * 50);
squares.push(square);
}
var arrayLength = squares.length;
for (var loopy = 0; loopy < arrayLength; loopy++) {
ctx.rect(squares[loopy].cX, squares[loopy].cY, squares[loopy].W, squares[loopy].H);
ctx.fill();
}
我得到的结果是,正方形数组充满了10个对象,它们都具有相同的值:最后一个值是从分配随机数的循环中生成的。请告诉我我哪里做错了!谢谢
发布于 2018-08-05 08:38:00
您正在推送相同的对象(正方形)十次,因为对象是通过引用存储/传递的。每次你把新的值放入“正方形”中,你只是在更新相同的对象。将"var square“移动到循环中,这样您就可以在每个循环中创建一个新的正方形。
发布于 2018-08-05 08:40:20
您正在将同一对象推送到数组中。将square
对象放入for循环中,以便在每次迭代时创建新的对象。目前,您只会看到指向相同引用的10个元素,其中包含一个带有最后添加的值的正方形对象。
var squares = [];
var squaresToMake = 10;
for ( var loopy = 0; loopy < squaresToMake; loopy++ ) {
var square = {cX : 0, cY : 0, W : 200, H : 100}
square.cX = Math.floor(Math.random() * 20);
square.cY = Math.floor(Math.random() * 20);
square.W = Math.floor(Math.random() * 200);
square.H = Math.floor(Math.random() * 50);
squares.push(square);
}
var arrayLength = squares.length;
for (var loopy = 0; loopy < arrayLength; loopy++) {
ctx.rect(squares[loopy].cX, squares[loopy].cY, squares[loopy].W, squares[loopy].H);
ctx.fill();
}
发布于 2018-08-05 10:34:14
这样就可以满足您的要求。有时,如果不定义额外的变量,代码就不容易出错。
var squares = [];
var squaresToMake = 10;
for (var i = 0; i < squaresToMake; i++) {
squares.push({
cX: Math.floor(Math.random() * 20),
cY: Math.floor(Math.random() * 20),
W: Math.floor(Math.random() * 200),
H: Math.floor(Math.random() * 50)
});
}
squares.forEach(function(sq) {
ctx.rect(sq.cX, sq.cY, sq.W, sq.H);
ctx.fill();
});
https://stackoverflow.com/questions/51690576
复制相似问题