使用javascript從數組中顯示唯一的圖像

Question

我有一個以下代碼顯示數組中的隨機圖像。 它會生成隨機圖像，但無法加載唯一圖像。 有關更多信息，我想補充一點，這個代碼是為紙牌游戲，所以我需要生成獨特的圖像。

  var imgArray = ['c1.png', 'c2.png', 'd3.png', 'd4.png', 'h5.png', 'h6.png', 'd7.png', 'h8.png'];

  var basePath="card/";

    function imgRandom() {

        for (var i = 2; i < 8; i++) {
        var rand = imgArray[Math.floor(Math.random() * imgArray.length)];
        var image = new Image();
        image.src = basePath+rand;
        image.id = 'imageid';
        image.width = '100';
        image.height = '130';
        image.style.position = 'absolute';

        document.getElementById('myimg'+i).appendChild(image);
        }
    }

Answer 1

 var imgArray = ['c1.png', 'c2.png', 'd3.png', 'd4.png', 'h5.png', 'h6.png', 'd7.png', 'h8.png'];

 var basePath="card/";

function imgRandom() {
    var imgArrayCopy = imgArray.slice(0); //make a copy of the array.
    for (var i = 2; i < 8; i++) {
    var rNumber = Math.floor(Math.random() * imgArrayCopy.length);
    var rand = imgArrayCopy.splice(rNumber, 1); //deletes the img from the array and returns it;
    var image = new Image();
    image.src = basePath+rand;
    image.id = 'imageid';
    image.width = '100';
    image.height = '130';
    image.style.position = 'absolute';

    document.getElementById('myimg'+i).appendChild(image);
    }
}

這應該這樣做。