js 对象替换字符串占位符

在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.youkuaiyun.com/jiang_2992/article/details/80648358

小福利 - 微信小程序、小游戏源码分享：https://blog.youkuaiyun.com/jiang_2992/article/details/80648358