JS将原生数据或新数据循环到页面

1、原生数据

<div class="list"></div>

//数据
var listData = [
    { title: '劳动法', desc: '国家劳动法' },
    { title: '刑法', desc: '刑事案件' }
]

var html = ''
listData.forEach(item =>{
    html+='<div><span>'+item.title+'</span><p>'+item.desc+'</p></div>'
})

$('.list').html(html)

2、新数据

<div id="box"></div>

function getList(url){
	$.getJSON(url, function(data) {
		var list = data
		if(list.length > 0) {
			$('#box').html(
			`${list.map(item=>{ 
				return `<div class="tpl-item">
					<div class="tpl-img">
						<img src="${item.thumb}" alt="${item.name}">
						<div class="tpl-set" data-id="${item.id}">${item.title}</div>
					</div>
					<div class="tpl-name">${item.name}</div></div>`
				}).join('')}`
			)
		} else{
			$('#box').html('<div class="nodata">暂无数据~</div>')
		}
	})
}