Javascript 显示对象属性

我想显示从数组中随机选择的对象的对象属性（标签、图标、Href）。我该怎么做，这就是我目前所拥有的。

var myArray=[{
标签：“梨”，
图标：“Pears.png”，
href:“/梨”
}, {
标签：“上诉”，
图标：“Appels.png”，
href:“./Appels”
}, {
标签：“芒果”，
图标：“Mango.png”，
href:“/芒果”
}, ];
var randomItem1=myArray[Math.floor（Math.random（）*myArray.length）]；
var randomItem2=myArray[Math.floor（Math.random（）*myArray.length）]；
var randomItem3=myArray[Math.floor（Math.random（）*myArray.length）]；
var randomItem4=myArray[Math.floor（Math.random（）*myArray.length）]；
document.addEventListener（“DOMContentLoaded”），函数（事件）{
document.getElementById（“randomItem1”）.innerHTML=randomItem1；
document.getElementById（“randomItem2”）.innerHTML=randomItem2；
document.getElementById（“randomItem3”）.innerHTML=randomItem3；
document.getElementById（“randomItem4”）.innerHTML=randomItem4；
});
随机1

随机2

随机3

随机4

只需使用他们的对象键，例如

randomItem1.label
randomItem1.icon
randomItem1.href

堆栈片段

var myArray=[{
标签：“梨”，
图标：“Pears.png”，
href:“/梨”
}, {
标签：“上诉”，
图标：“Appels.png”，
href:“./Appels”
}, {
标签：“芒果”，
图标：“Mango.png”，
href:“/芒果”
}, ];
var randomItem1=myArray[Math.floor（Math.random（）*myArray.length）]；
var randomItem2=myArray[Math.floor（Math.random（）*myArray.length）]；
var randomItem3=myArray[Math.floor（Math.random（）*myArray.length）]；
var randomItem4=myArray[Math.floor（Math.random（）*myArray.length）]；
document.addEventListener（“DOMContentLoaded”），函数（事件）{
//抓取第一个作业中的所有关键点以显示操作方法
document.getElementById（“randomItem1”）.innerHTML=randomItem1.label+“：”+
randomItem1.icon+“：”+
随机项目1.href；
document.getElementById（“randomItem2”）.innerHTML=randomItem2.label；
document.getElementById（“randomItem3”）.innerHTML=randomItem3.label；
document.getElementById（“randomItem4”）.innerHTML=randomItem4.label；
});
随机1

随机2

随机3

随机4

innerHTML=Object.values（randomItem1.join（））的可能重复项