Назначения случайных значений для элементов объекта

Question

Я назначая случайные значения между 1-50 объектом элементов, у меня есть 5 объектов, я не знаю почему, но все объекты получают одни и те же случайные значения ...

вот мой код:

var SmileyRed = { 
    radius: 15, 
    xspeed: 0, 
    yspeed: 0, 
    xpos:350, // x-position of smiley 
    ypos: 65 // y-position of smiley 
}; 

var SmileyReds = new Array(); 

for (var i=0; i<5; i++){ 
SmileyReds[i] = SmileyRed; 
SmileyReds[i].xspeed = Math.floor((Math.random()*50)+1); 
SmileyReds[i].yspeed = Math.floor((Math.random()*50)+1); 
} 

SmileyReds [0] .xspeed и SmileyReds [3] .xspeed имеют одинаковые значения, но они не должны быть разными?

Answer 1

Проблема заключается в том, что когда вы делаете объект равен другому объекту, новый объект является refrence оригинала, а не копии.

Что происходит, вы создаете 5 ссылок на оригинал SmileyRed. По сути, когда вы меняете один, вы меняете все. Таким образом, только значение, применяемое в вашем цикле, связано с последним проходом цикла, предыдущие 4 прохода перезаписываются.

Вы можете изменить на:

var SmileyReds = new Array(); 

for (var i=0; i<5; i++){ 
/* new object each pass*/ 
SmileyReds[i] = { 
    radius: 15, 
    xspeed: 0, 
    yspeed: 0, 
    xpos:350, // x-position of smiley 
    ypos: 65 // y-position of smiley 
}; 
SmileyReds[i].xspeed = Math.floor((Math.random()*50)+1); 
SmileyReds[i].yspeed = Math.floor((Math.random()*50)+1); 
} 

Другой способ:

var SmileyRed = function(){ 
    return{ 
     radius: 15, 
     xspeed: 0, 
     yspeed: 0, 
     xpos:350, // x-position of smiley 
     ypos: 65 // y-position of smiley 
    }; 
} 

for (var i=0; i<5; i++){ 
    /* new object each pass*/ 
    SmileyReds[i] = SmileyRed();/* note() this time*/ 

Answer 2

Проблема в том, что индексы от 0 до 4 содержат ссылки на один и тот же объект SmileyRed. Вы должны создать новый объект для каждой итерации, если хотите их разделить.

Таким образом, вы фактически меняете один и тот же объект на каждой итерации. Таким образом, вы всегда будете использовать последние случайные числа (от последнего объекта).

Вызывая функцию, которая возвращает объект, вы получите новый объект для каждой итерации. Как показано ниже.

var SmileyRed = function() { 
    return { 
     radius: 15, 
     xspeed: 0, 
     yspeed: 0, 
     xpos:350, // x-position of smiley 
     ypos: 65 // y-position of smiley 
    } 
}; 

var SmileyReds = new Array(); 

for (var i=0; i<5; i++){ 
    SmileyReds[i] = SmileyRed(); 
    SmileyReds[i].xspeed = Math.floor((Math.random()*50)+1); 
    SmileyReds[i].yspeed = Math.floor((Math.random()*50)+1); 
} 

JSfiddle