Javascript 将内容从对象添加到JQUERY-CONFIRM
我有一个对象,希望将该对象的详细信息添加到的内容中 这是我的代码:Javascript 将内容从对象添加到JQUERY-CONFIRM,javascript,jquery,object,ecmascript-6,jquery-confirm,Javascript,Jquery,Object,Ecmascript 6,Jquery Confirm,我有一个对象,希望将该对象的详细信息添加到的内容中 这是我的代码: const obj={ ‘字母表’:[‘abc’、‘xyz’、‘pqr’], “颜色”:[“红色”、“蓝色”、“紫色”] } $对话框({ 标题:"测试",, columnClass:'col-md-6 col-md-offset-6', 内容:函数(){ 用于(输入obj){ 返回`${key} ${obj[key]} `; } }, }); 循环对象键,但总是在第一次迭代时返回 您可以使用将所有的obj键/值对映射到H
const obj={
‘字母表’:[‘abc’、‘xyz’、‘pqr’],
“颜色”:[“红色”、“蓝色”、“紫色”]
}
$对话框({
标题:"测试",,
columnClass:'col-md-6 col-md-offset-6',
内容:函数(){
用于(输入obj){
返回`${key}
- ${obj[key]}
`;
}
},
});代码>
循环对象键,但总是在第一次迭代时返回
您可以使用将所有的obj
键/值对映射到HTML字符串,然后将它们映射为:
颜色
和字母
显示为逗号分隔的值,因为您将整个数组放入一个元素:${obj[key]} 。要创建多个
元素,需要将数组的每个元素映射到新的
:
const list = obj[key].map(li => `<li class='float-left'>${li}</li>`).join('');
const list=obj[key].map(li=>`${li} `);
const obj={
‘字母表’:[‘abc’、‘xyz’、‘pqr’],
“颜色”:[“红色”、“蓝色”、“紫色”]
}
const mapToHtml=key=>{
const list=obj[key].map(li=>`${li} `).join(“”);
返回`${key}${list}
`;
}
$对话框({
标题:"测试",,
columnClass:'col-md-6 col-md-offset-6',
内容:()=>Object.keys(obj.map(mapToHtml.join)(“”)
});代码>
想想return
是什么意思。@Quentin,如果我删除return,我会得到一个空白。谢谢。那么['abc'、'xyz'、'pqr']、
呢。这应该是一个list@nb_nb_nb请看我的更新。为了便于阅读,我创建了mapToHtml
函数
const list = obj[key].map(li => `<li class='float-left'>${li}</li>`).join('');