js模拟Python的format方法

js字符串格式化、替换字符串对应字符

---

必看

方法是看别人，我写的只是我对于该方法的理解和使用

---

前言

提示：在讲文章之前我先说明下这个方法体的作用：
“恭喜xxx! 抽到了xxxx男宠!”。我们需要把这句话中的xxx分别替换为“caixukun”“糖果宝贝”，形成这样的一句话“恭喜caixukun! 抽到了糖果宝贝男宠!”。我们在工作中遇到的句子中所需要替换的字符位置肯定不是统一的，这时候就需要我们写一个方法体解决这个问题。

---

提示：我这人比较喜欢先展示代码，然后讲解每块代码存在的理由

一、方法体–代码

		String.prototype.format = function (args) {
			var result = this;
			if (arguments.length > 0) {
				if (arguments.length == 1 && typeof (args) == "object") {
					for (var key in args) {
						if (args[key] != undefined) {
							var reg = new RegExp("({" + key + "})", "g");
							result = result.replace(reg, args[key]);
						}
					}
				}
				else {
					for (var i = 0; i < arguments.length; i++) {
						if (arguments[i] != undefined) {
							var reg = new RegExp("({)" + i + "(})", "g");
							result = result.replace(reg, arguments[i]);
						}
					}
				}
			}
			return result;
		}
		//调用很简单 看一下代码
		var str = '恭喜您！{0}升级到了{1}级';
		var newStr = str.format('宇航员', '9');
		console.log('格式化前--->', str)//恭喜您！{0}升级到了{1}级
		console.log('格式化后--->', newStr)//恭喜您！宇航员升级到了9级

二、代码讲解

1.arguments

讲方法前我先简单说明下arguments：
Javascrip中每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。

		(function(a){
			console.log('测试1',arguments);//日志：[1]
		})(1)
		//------自执行函数不能放在一起；最起码中间有个程序给隔开------//
		setArguments(1,2,3)
		function setArguments(a){
			console.log('测试2',arguments);//日志：[1,2,3]
		}
		//------自执行函数不能放在一起；最起码中间有个程序给隔开------//
		(function(a){
			arguments[0] = '变化后_1'
			console.log('测试3',arguments);//日志：['变化后_1',2,3,4,5]
		})(1,2,3,4,5)

日志截图：

外部链接：对arguments感兴趣的同学可以查阅arguments的专业讲解。

2.RegExp

正则表达式：
在这里我们使用正则表达式筛选出所需被替换的元素；使用特殊字符代替；而且在下面创建正则时加入该特殊字符。不明白为什么使用正则的同学可以看下我的测试代码

		let RegExpStr = new RegExp("-", "i");
		let str = '你好-世界'
		console.log('正则表达式--->',RegExpStr)
		console.log('查询信息--->',RegExpStr.exec(str))

日志截图：

这个时候我们已经拿到了字符串；所需被替换的元素；要替换为的元素。最后一步就是使用js的方法体replace进行替换了。
外部链接：对RegExp感兴趣的同学可以查阅RegExp的讲解

3.replace

javaScript方法–>替换：
replace() 方法用于将目标字符串中的指定字符（串）替换成新的字符（串），其语法格式如下：

		let RegExpStr = new RegExp("-", "i");
		let str = '你好-世界';
		let newStr = str.replace(RegExpStr, ',');
		console.log('替换前字符串--->',str)
		console.log('替换后字符串--->',newStr)

日志截图：

外部链接：对replace感兴趣的同学可以查阅replace的讲解

三、总结

看完我想大家应该明白该方法体的大概或者整体流程吧。从替换元素到查找被替换元素在最后的替换。都是javaScript的常用方法，当然可能对于RegExp，部分同学有些陌生；这些都不重要；重要的是对于javaScript方法的灵活应用。

---