鍍金池/ 問答/HTML5  Linux  HTML/ js循環(huán)拼接字符串的替代方法有哪些？

js循環(huán)拼接字符串的替代方法有哪些？

比如商品列表

<li>
    <img src='../../tu.png'/>
    <div>商品售價：12元</div>
</li>

我以前用jquery寫的時候是，把這個li拼接字符串，然后循環(huán)圖片數(shù)組，循環(huán)拼接li字符串。最后把循環(huán)出來的li字符串a(chǎn)ppend到頁面的ul里。
請問還有哪些方法能更好的方法代替這種循環(huán)拼接字符串啊，一旦li里面的結(jié)構(gòu)復(fù)雜了，循環(huán)拼接字符串就會很蛋疼。我看h5有個新增的template標(biāo)簽，但是我循環(huán)圖片數(shù)組append模板時，發(fā)現(xiàn)最終只能append一個li進(jìn)去

回答
編輯回答
乖乖瀦

如果你使用的是es6的話，可以考慮使用模板字符串。如果不是es6,可以考慮使用模板引擎。

2018年9月18日 14:45
編輯回答
憶往昔

結(jié)構(gòu)復(fù)雜就選一個js模板引擎吧
比如：https://aui.github.io/art-tem...

2017年1月14日 13:10
編輯回答
練命

這些操作使用模板來拼接實現(xiàn)吧。

推薦阿里出品的juicer模板引擎。

https://github.com/PaulGuo/Ju...

2017年8月5日 13:54