html页面怎样转为js,将html转换为js，并且其中含有判断语句

一个layui框架的前端页面，希望将如下的代码转换为js

{{# layui.each(d, function(index, item){ }}

{{#if (item.imgUrl) { }}

{{# }else{ }}

暂无图片

{{# } }}

{{item.name}}

SKU: {{item.sku}}

供应商: {{item.supplierName}}

价格: ￥{{item.price}}

上市时间: {{item.createTime}}

添加

{{# }); }}

如下这样str拼接完之后，innerhtml渲染到ul中，可是不知道怎么在里面判断了，像是上面有一个对于imgurl的判断，想请教一下如何增加进去，谢谢for (var i = 0; i < data.length; i++) {

str+='

' +

'

' +

'

' +

'' +....

document.getElementById('goodsView').innerHTML = str;

}