如何從隨機二維數組打印

Question

如何從同一陣列打印標題和圖像？

 var images=[

            ["Title 1", "image1.jpg"],
            ["Title 2", "image2.jpg"]

            ];

            // select an array
            var randomNumber = function(){
            return images[Math.floor(Math.random() * images.length)];
            };

            // display title & image

            $('<img/>').attr("src", randomNumber).appendTo("#div1");
            $('<h1></h1>').attr("id", randomNumber).appendTo("#div2");

Answer 1

有了這個：

var r = randomNumber();
$('<img/>').attr("src", r[1]).appendTo("#div1");
$('<h1></h1>').text(r[0]).appendTo("#div2");

這樣可以解決您的問題。

但是，我會將所有代碼重構為此，以使其更易於理解：

var images=[
  {title: "Title 1", src: "image1.jpg"},
  {title: "Title 2", src: "image2.jpg"}
];

var getRandomImage = function(){
  return images[Math.floor(Math.random() * images.length)];
};

// display title & image  
var image = getRandomImage();
$('<img/>').attr("src", image.src).appendTo("#div1");
$('<h1></h1>').text(image.title).appendTo("#div2");

希望這可以幫助。 干杯

Answer 2

更改您的代碼，例如

//選擇隨機數

function randomNumber(){
            return Math.floor(Math.random() * images.length);
        };

//顯示標題和圖片

var num = randomNumber();
$('<img/>').attr("src", images[num][0]).appendTo("#div1");
$('<h1></h1>').attr("id", images[num][1]).appendTo("#div2");