首頁猿問正則表達式實現(xiàn)render函數(shù)

正則表達式實現(xiàn)render函數(shù)

JavaScript

紅糖糍粑 2019-05-21 09:56:07

請問下為什么沒替換成功？打印信息為：name/${name}/'xiaoming'theageof${name}is${age}age/${age}/8theageof${name}is${age}consttemplate="theageof${name}is${age}";constdata={name:"xiaoming",age:8};console.log(render(template,data));//輸出:"theageofxiaomingis8"functionrender(template,data){for(keyindata){if(key){console.log(key);varre=newRegExp("\$\{"+key+"\}");console.log(re,data[key]);varans=template.replace(re,data[key]);//console.log("test:",template.replace("${name}","xiaoming"));console.log(ans);}}}

查看完整描述

2 回答

慕容森

TA貢獻1853條經(jīng)驗獲得超18個贊

$表示字符串的結(jié)尾，是特殊字符，使用RegExp的時候，需要使用兩個\\轉(zhuǎn)義：consttemplate="theageof${name}is${age}";constdata={name:"xiaoming",age:8};console.log(render(template,data));//輸出:"theageofxiaomingis8"functionrender(template,data){for(keyindata){if(key){console.log(key);varre=newRegExp("\\${"+key+"}");//varre="${"+key+"}";//這塊直接使用字符串就行，不用正則也可以console.log(re,data[key]);template=template.replace(re,data[key]);//console.log("test:",template.replace("${name}","xiaoming"));console.log(template);}}}

反對回復(fù) 2019-05-21

眼眸繁星

TA貢獻1873條經(jīng)驗獲得超9個贊

consttemplate="theageof${name}is${age}";constdata={name:"xiaoming",age:8};console.log(render(template,data));functionrender(template,data){varreg=/\$\{(\w*)\}/g;returntemplate.replace(reg,function(a,b){varval=data[b];//可以拋出錯誤也可以給個默認空字符串if(val===undefined)thrownewTypeError('Cannotreadproperty"'+b+'"ofundefined');returnval;})}