使用字符串的时候,我们经常会用到占位符替换形式的字符串格式化,我们可以为字符串添加这样一个方法。
/**
* 为字符串添加格式化方法
*
* @returns {String}
*/
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;
};
2018年02月23修改 开始
/**
* 为字符串增加格式化字符串方法
* @example 'hello,{0}'.format('jianggujin'); ==> 'hello,jianggujin'
* @example 'hello,{name}'.format({name:'jianggujin'}); ==> 'hello,jianggujin'
* @param {Array|Object} args
* @return {String}
*/
String.prototype.format = function(args) {
var result = this;
if(arguments.length > 0) {
if(arguments.length == 1 && typeof(args) == "object") {
result = result.replace(/\{(\w+)\}/g, function() {
var old = arguments[0],
key = arguments[1];
if(args[key] != undefined) {
return args[key];
}
return old;
});
} else {
var arr = arguments;
result = result.replace(/\{(\d+)\}/g, function() {
var old = arguments[0],
key = parseInt(arguments[1]);
if(arr[key] != undefined) {
return arr[key];
}
return old;
});
}
}
return result;
};
2018年02月23修改 结束
在该方法中,我们为其添加了两种格式化方式,一种是使用数组索引占位替换,另一种是使用JSON对象的key占位替换,我们可以写个简单代码测试一下:
var str1 = 'name:{0}',
str2 = 'name:{name}';
document.write(str1.format('jianggujin'));
document.write('<br/>');
document.write(str2.format({
name: 'jianggujin'
}));
这两种形式得到的结果是一样的。除了格式化方法之外,我们通常还会用到去空格、判断字符串是否以指定字符串开头或结尾,但是由于浏览器对js的支持不同,我们在使用这些方法的时候可能会出错,所以我们需要对这些方法进行扩展,代码如下:
String.prototype.trim = String.prototype.trim || function(){
// 用正则表达式将前后空格
// 用空字符串替代
return this.replace(/(^\s*)|(\s*$)/g, "");
};
String.prototype.startsWith = String.prototype.startsWith || function(str){
if(!str || str.length > this.length){
return false;
}
if(this.substr(0, str.length) == str){
return true;
} else {
return false;
}
};
String.prototype.endsWith = String.prototype.endsWith || function(str){
if(!str || str.length > this.length){
return false;
}
if(this.substring(this.length - str.length) == str){
return true;
} else {
return false;
}
};