使用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);
    }
}

这应该这样做。