Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将内容从对象添加到JQUERY-CONFIRM_Javascript_Jquery_Object_Ecmascript 6_Jquery Confirm - Fatal编程技术网

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('');