<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<script>
let tep="我的分?jǐn)?shù) {{}} ,你的分?jǐn)?shù) {{}}"
String.prototype.replaceAll=function(reg,fun){
let i=-1
return this.replace(reg,function(){
i++;
return fun(arguments,i);
/*
arguments為數(shù)組
arguments[0]表示匹配到的字符，
arguments[1]表示匹配到的字符最小索引位置（RegExp.index）成畦，
arguments[2]表示被匹配的字符串（RegExp.input）
/
});
};
let b=tep.replaceAll(/{{}}/g,function(_arg,index){
if(index === 0){
return "123456"
}else{
return "654321"
}
});
// console.log(b)
</script>
<script>
String.prototype.replaceData=function(data){
let reg=/(${)+(\s)+(\w+)+(\s)+(})/g;
var startLen=2; //${ name }中起始位置"${"的長度
var endLen=1; // ${ name }中結(jié)束位置"}"的長度
// let reg=/name/gi
return this.replace(reg,function(){
let str=arguments[0].replace(/(\s)/g,"");
let len=str.length;
if(len>startLen+endLen){
str=str.substring(startLen,len-endLen);
}else{
console.log(arguments[0]+"中key不允許為空")
};
if(data.hasOwnProperty(str)){
return data[str] ? data[str] : "";
}else{
console.error("data沒有包含"+str+"這個(gè)屬性值")
return "";
};
});
};
var tep2="我叫${ name },性別${ sex },今年${ age }歲,年級(jí)是${ grade },a這個(gè)屬性沒有的時(shí)候${a}}"
let b2=tep2.replaceData(
{
"name":"李白",
"age":500,
"grade":"小學(xué)一年級(jí)",
"sex":null
}
);
console.log(b2)
</script>
</body>
</html>
