массив с более чем одной части информации - Javascript

Question

У меня есть этот яваскрипта код:

var randomwordz = [ 

{word: 'Sweets', image: 'sweets.jpg'}, 
{word: 'Chocolate', image: 'chocolate.jpg'}, 
{word: 'Snow', image: 'snow.jpg'}, 
{word: 'Pineapple', image: 'pineapple.gif'}, 
{word: 'Juice', image: 'j.jpg'}, 
{word: 'Egg', image: 'egg.gif'}, 
{word: 'Cheese', image: 'cheese.gif'}, 
{word: 'Chicken', image: 'chick.jpg'}, 
{word: 'Veg', image: 'veg.gif'}]; 

randomWords[0].word 
randomWords[0].image 

randomWords[1].word 
randomWords[1].image 

randomWords[2].word 
randomWords[2].image 

randomWords[3].word 
randomWords[3].image 

randomWords[4].word 
randomWords[4].image 

randomWords[5].word 
randomWords[5].image 

randomWords[6].word 
randomWords[6].image 

randomWords[7].word 
randomWords[7].image 

randomWords[8].word 
randomWords[8].image 

var randoms = randomWords[Math.floor(Math.random()*randomWords.length)]; 

document.getElementById('randomwords').innerHTML = randoms; 

Мое случайное слово отображается на моей странице, но с тех пор я добавил изображения в массив, когда отображается случайное слово он показывает - [объект Object] вместо моего случайного слова.

Кто-нибудь знает, почему и как отображать только случайное слово. Мне нужно, чтобы слово и изображения были сопряжены для следующей части моего кода.

Извините отсутствие знаний я достаточно новым для Javascript

Answer 1

У вас есть массива из объектов, теперь нужно выбрать свойство, которое вы хотите от объекта после выбора индекса

document.getElementById('randomwords').innerHTML = randoms.word; 

// and you may want to do something like this for your image 
document.getElementById('randomimages').src= randoms.image;