JavaScript數組拼接

Question

您好StackOverflow社區！

目前，我完全陷入了代碼困境，嘗試了各種不同的方法來從數組中刪除值（在選擇時），我知道我必須為此使用splice，但是由於某種原因，它沒有按照我想要的去做

由於該網頁很難解釋為我的英語好語，因此我對其做了一些屏幕截圖，希望您一看清我想做的事情就明白了！

這就是用戶訪問網頁時看到的內容，這基本上是一種娛樂游戲。 用戶必須將3張卡片拖到卡片下方的灰色框中。

將3張卡片拖到框中后，用戶可以單擊圖像（卡片）以將其翻轉（翻轉）

這很好用，唯一的問題是我不希望用戶選擇同一張卡片，甚至兩次，甚至兩次。由於我是用數組進行的，所以我認為我應該使用Splice函數，但到目前為止，沒有結果！

有關JavaScript代碼的信息，請參見以下JSFiddle http://jsfiddle.net/dkk2nqyg/

在這里的某個地方，我必須添加接頭

$(function () {
var cars = ["2", "3", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "4"];
var rand = cars[Math.floor(Math.random()*cars.length)];

    $(".cards img").each(function(index) {
        $(this).wrap('<div class="front"></div>')
           .parent().wrap('<div class="flipper"></div>')
           .parent().wrap('<div class="flip-container"></div>')
           .append('<div class="back"><img src="./kaart/'+cars[Math.floor(Math.random()*cars.length)]+'.png"</img> </div>');
});

我嘗試了許多解決方案，但問題是我需要在這里拼接至少，我認為：

.append('<div class="back"><img src="./kaart/'+cars[Math.floor(Math.random()*cars.length)]+'.png"</img> </div>');

我很高興能解決此問題，希望StackOverflow可以為我提供我想要的幫助:)

謝謝！

Answer 1

首先，將隨機數放在一個單獨的變量中

var rnd = Math.floor(Math.random()*cars.length);
var rand = cars[rnd];

然后從數組中刪除該特定項

cars.splice(rnd, 1);

干杯R

Answer 2

您可以使用splice()從數組中刪除一項，因為splice返回一個數組，然后您可以訪問索引為0的元素以獲取提取的src值

'<div class="back"><img src="./kaart/' + cars.splice(Math.floor(Math.random() * cars.length),1)[0] + '.png"</img> </div>'