JavaScript - 从数组 1 中选取随机元素，我想从数组 2 中获取相同的元素编号

Question

Let's say I have array 1 and array 2, both having 5 elements.

I wrote a simple function to get a random element from array 1:

function getQuote() {
    var returnQuote = Math.floor(Math.random() * quotes.length);
    document.getElementById('quoteBox').innerHTML = quotes[returnQuote];
}

This function returns random element from the array "quotes". But I have another array, called "authors". The elements there are ordered in the corresponding order like array 1 - quote 0 is coming from author 0 and so on.

Is it possible that if let's say arr. 1 element 2 is chosen, the same element 2 from arr. 2 to be picked as well?

So I can print out the quote on position 2 and also pull the corresponding author from arr 2. on position 2 so I can print it in the corresponding box of my "web app".

I hope my question makes sense.

And I also hope it is not a dumb one. I am just starting to learn/practice JavaScript.

Cheers!

Answer 1

Yes it's possible. The returnQuote is just referencing a number, and so you can use that number as the index for whatever arrays you wish.

Note that if you wanted to add more data to the same element, if you try to use the = assignment operator, it'll overwrite the previously inserted data.

I'd either concatenate the values from the two arrays, or use .insertAdjacentHTML for any subsequent calls.

function getQuote() {
  var returnQuote = Math.floor(Math.random() * quotes.length);
  document.getElementById('quoteBox').innerHTML = quotes[returnQuote] + quotes2[returnQuote];
}