簡化jQuery函數

Question

我有以下功能：

var randomImages = ["bgr1","bgr2","bgr3","bgr4","bgr5","bgr6"]; 
var rndNum = Math.floor(Math.random() * randomImages.length); 
$(".myDiv").css({ background: "url(/images/" + randomImages[rndNum] + ".gif)" }); 

因爲所有的圖像都除了最後的數值相同的名字，我不能簡化這個？

Answer 1

這似乎是顯而易見的，但如果你知道你有多少圖像有，你可以用一個恆定例如更換randomImages.length 5爲了討論，那麼你不需要一個數組所以這將是隻有一行：

$(".myDiv").css({ background: "url(/images/bgr" + Math.ceil(Math.random() * 5) + ".gif)" }); 

注：math.ceil會爲那麼好，你不需要一個+1。

Answer 2

是的，你可以。請注意，你可能想要定義一個常量而不是僅僅使用魔法數字6，但這是主意。

var rndNum = Math.floor(Math.random() * 6) + 1; 
$(".myDiv").css({ background: "url(/images/bgr" + rndNum + ".gif)" }); 

Answer 3

var numImages = 6; 
var rndNum = Math.floor(Math.random() * numImages) + 1; 
$(".myDiv").css({ background: "url(/images/bgr" + rndNum + ".gif)" });