實(shí)現(xiàn)一個(gè)簡單的模板引擎，輸入模板和數(shù)據(jù)，輸出html

示例：
輸入：

"<div>{{$1}}（{{$2}}）{{$3}}</div>",["第一個(gè)","第二個(gè)","第三個(gè)"]

輸出：

"<div>第一個(gè)（第二個(gè)）第三個(gè)</div>" function tpl(templateStr, arr) {const reg = /\{\{([^}]*)\}\}/g;const string = templateStr.trim().replace(reg, function (match,s) {//console.log(s==match.substring(2,4));if (s == match.substring(2,4)) {//console.log(s);let i = Number.parseInt(match.substring(3,4));//console.log(i);return arr[i-1]}else {return ''}})console.log(string) }

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的实现一个简单的模板引擎，输入模板和数据，输出html的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。