JS字符串方法扩展

使用字符串的时候,我们经常会用到占位符替换形式的字符串格式化,我们可以为字符串添加这样一个方法。

/**
 * 为字符串添加格式化方法
 *
 * @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;
   }
};
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值