带对象的Javascript循环
我正在尝试创建依赖于对象的动态按钮:带对象的Javascript循环,javascript,arrays,loops,object,variables,Javascript,Arrays,Loops,Object,Variables,我正在尝试创建依赖于对象的动态按钮: var按钮菜单={ “A”:{ A1:97, A2:85, A3:65, A4:70, A5:40 }, “B”:{ B1:97, B2:85, B3:65, B4:70, B5:40 } }; var categoryButton=“A”//或者B //为每个类别创建一个按钮 for(buttonsMenu.categoryButton中的属性){//是我遇到问题的地方 var newEl=document.createElement('button')
var按钮菜单={
“A”:{
A1:97,
A2:85,
A3:65,
A4:70,
A5:40
},
“B”:{
B1:97,
B2:85,
B3:65,
B4:70,
B5:40
}
};
var categoryButton=“A”//或者B
//为每个类别创建一个按钮
for(buttonsMenu.categoryButton中的属性){//是我遇到问题的地方
var newEl=document.createElement('button');
newEl.innerText=属性;
newEl.setAttribute('data-name',属性);
按钮.appendChild(newEl);
您应该使用按钮菜单[类别按钮]
const按钮菜单={
“A”:{
A1:97,
A2:85,
A3:65,
A4:70,
A5:40
},
“B”:{
B1:97,
B2:85,
B3:65,
B4:70,
B5:40
}
};
让categoryButton=“A”//或B
//为每个类别创建一个按钮
for(让属性位于按钮菜单[类别按钮]){
让newEl=document.createElement('按钮')
newEl.innerText=属性
newEl.setAttribute('data-name',属性)
document.body.appendChild(newEl)
}