在javascript中,我们常常会有这样的需求,异步加载数据,并以元素追加的方式追加到页面中。
在拿到数据后,如果在不使用其他第三方框架的情况下,则需要手动替换元素中的动态内容并拼接元素节点,写起来不仅麻烦,而且可读性非常差。
因此,我们可以自己来实现占位符替换功能,来快速的替换元素动态内容,话不多说,先上代码。
核心代码
String.prototype.format = function() {
if(arguments.length == 0) return this;
var obj = arguments[0];
var s = this;
for(var key in obj) {
s = s.replace(new RegExp("\\{\\{" + key + "\\}\\}", "g"), obj[key]);
}
return s;
}
测试代码
var data = {
name:"张三",
age:23,
sex:"男"
}
var text = "我叫{{name}},我今年{{age}}岁,我的性别是{{sex}}!".format(data);
console.log(text);
运行结果
我叫张三,我今年23岁,我的性别是男!
小福利 - 微信小程序、小游戏源码分享:https://blog.csdn.net/jiang_2992/article/details/80648358
小福利 - 微信小程序、小游戏源码分享:https://blog.csdn.net/jiang_2992/article/details/80648358