JS 遍历获取数组中的数组的值

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41

//文件结构var listInfo = [      {         zTit: '网站首页',         icon: './image/left.png',         hicon: './image/down.png',         xTit: [             {                 name: '关于我们',                 href:'./home.html',             },             {                 name: '客户中心',                 href:'./home.html',             },             {                 name: '新闻资讯',                 href:'./home.html',             }         ],     },    {         zTit: '网站首页',         icon: './image/left.png',         hicon: './image/down.png',         xTit: [             {                 name: '关于我们',                 href:'./home.html',             },             {                 name: '客户中心',                 href:'./home.html',             },             {                 name: '新闻资讯',                 href:'./home.html',             }         ],     },      ]//用forEach方法遍历获取

listInfo.forEach((item, index) => {

    selects.innerHTML +=

     `

    <li class="selects_list">

       <a></a>

        <div class="h_list_con">

            <p>${item.zTit}</p>

            <div class="icon">

                <img class="sIcon" src="${item.icon}" alt="">

                <img class="hIcon" style="display:none;" src="${item.hicon}" alt="">

            </div>

        </div>

        <div class="h_list_hid">

            ${item.xTit.map((element, index) => {

                return `<p><a href="${element.href}">${element.name}</a></p>`

            }).join('')}

           

        </div>

    </li>

    `

})