JS 遍歷獲取數組中的數組的值

//文件結構

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>

    `

})