我正在嘗試顯示來自API的最多三個食譜，其中特別包括培根作為成分。API 只有 10 個符合此條件的配方，因此我遇到了一個問題，即如果用戶希望查看兩個或三個配方，則有時會在頁面上重復(fù)相同的配方。如何設(shè)置條件來檢查我正在生成并存儲在數(shù)組中的隨機數(shù)是否為重復(fù)值？如果重復(fù)，則我希望迭代器減去 1，并且 for 循環(huán)繼續(xù)。我已經(jīng)列出了我所擁有的代碼，我感謝提供的任何反饋！// The number of recipes the user would like to display//var recipeNumber = $("#recipe-input").val();var parsedInput = parseInt(recipeNumber);// creating an empty array that will story the random numbers that are generated//var ranNumArr = [];console.log(ranNumArr);for (i = 0; i < parsedInput; i++) {  // generate a random number based on the length of the recipe API's array of bacon recipes (10) and push it into the ranNumArr//   var randomNumber = Math.floor(Math.random() * 10);  ranNumArr.push(randomNumber);  // If the value of the index in the array is equal to a previous index's value, repeat the iteration//  if (ranNumArr[i] === ranNumArr[i -1] || ranNumArr[i] === ranNumArr[i -2]){      console.log("this is a duplicate number")      i = i - 1    }  // else, display the recipe on the card//  else  {      randomRecipe = ranNumArr[i] // Create cards that will house the recipes//      var recipeCell = $("<div>").attr("class", "cell");      $("#recipes-here").append(recipeCell);      var recipeCard = $("<div>").attr("class", "card");      recipeCell.append(recipeCard);      var recipeSection = $("<div>").attr("class", "card-section");      recipeCard.append(recipeSection);        var cardTitleE1 = $("<h1>");       cardTitleE1.attr("id", "recipe-title");       var cardImageE1 = $("<img>");       cardImageE1.attr("id", "recipe-image");       var cardTextE1 = $("<a>");       cardTextE1.attr("id", "recipe-link");    }  }