Javascript 如何从随机二维数组打印

如何从同一数组打印标题和图像

 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");

var图像=[
[“标题1”，“image1.jpg”]，
[“标题2”，“image2.jpg”]
];
//选择一个数组
var randomNumber=函数（）{
返回图像[Math.floor（Math.random（）*images.length）]；
};
//显示标题和图像
$（''）.attr（“id”，randomNumber）.appendTo（“#div2”）；

使用此选项：

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

var r=randomNumber（）；
$（''）.text（r[0]）。附于（“#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");

var图像=[
{title:“title 1”，src:“image1.jpg”}，
{title:“title 2”，src:“image2.jpg”}
];
var getRandomImage=函数（）{
返回图像[Math.floor（Math.random（）*images.length）]；
};
//显示标题和图像
var image=getRandomImage（）；
$（''）.text（image.title）.appendTo（“#div2”）；

希望这有帮助。为此干杯

：

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

var r=randomNumber（）；
$（''）.text（r[0]）。附于（“#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");

var图像=[
{title:“title 1”，src:“image1.jpg”}，
{title:“title 2”，src:“image2.jpg”}
];
var getRandomImage=函数（）{
返回图像[Math.floor（Math.random（）*images.length）]；
};
//显示标题和图像
var image=getRandomImage（）；
$（''）.text（image.title）.appendTo（“#div2”）；

希望这有帮助。干杯

像这样更改代码

//选择随机数

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");

var num=randomNumber（）；
$（''）.attr（“id”，images[num][1]）。追加到（“#div2”）；

更改代码如下：

//选择随机数

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");

var num=randomNumber（）；
$（''）.attr（“id”，images[num][1]）。追加到（“#div2”）；

randomNumber（）[0]

用于标题和

randomNumber（）[1]

用于图像。

randomNumber（）[0]

用于标题和

randomNumber（）[1]

用于图像。