Question

我有一系列图片

var prizeImage;

//this is a dynamic amount
var result = 55; 

//the length of this array will change. Images will be added/removed
var prizeImageArray = ['image1.png','image2.png','image3.png','image4.png'] 


//I want to avoid having to type each of these if statements. 
if(result < 25){
    prizeImage = prizeImageArray[0];
}
if(result > 26 && result < 50){
    prizeImage = prizeImageArray[1];
}
if (result...)//and so on

以上是可怕的代码。

我想要一种方法，允许奖品图像数组改变大小并避免输入每个if语句。

我希望这是有道理的，我感觉它没有。

Answer 1

如果我理解你的要求，你想要一个百分比（从0到100）并找出你的数组中哪个图像最接近该百分比位置并获得该图像URL。如果是这样，你可以通过将百分比除以100来将其转换为十进制百分比，乘以数组的长度，然后将其舍入为整数。这将获得最接近您的百分比的数组索引。然后，您可以从数组中索引以获取所需的值。

你可以这样做：

function findPercentLocation(array, percent) {
    return(array[Math.round((percent / 100) * (array.length - 1))]);
}

var prizeImageArray = ['image1.png','image2.png','image3.png','image4.png'] 
var imageSrc = findPercentLocation(priceImageArray, 27);

如果你想让它更强大，你可以防止0-100范围之外的百分比值，这样可以避免超出数组范围：

function findPercentLocation(array, percent) {
    if (percent < 0) percent = 0;
    if (percent > 100) percent = 100;
    return(array[Math.round((percent / 100) * (array.length - 1))]);
}

Answer 2

您编写的代码与值25或26的任何内容都不匹配。

尝试此操作，您可以在百分比中添加或减去一个以使其准确无误。

return prizeImageArray[Math.floor(percent/25)];

Answer 3

最简单的解决方案是使用模运算符。我从来没有编写JavaScript，但我认为以下代码在语法上是正确的。

prizeImage = prizeImageArray[result % 25];

根据百分比查找任意长度数组中的项目

3 个答案: