蒋固金(jianggujin)的专栏

骨宜刚、气宜柔、志宜大、胆宜小、心宜虚、言宜实、慧宜增、福宜惜、虑不远、忧亦近...

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;
   }
};
阅读更多

扫码向博主提问

去开通我的Chat快问

jianggujin

非学,无以致疑;非问,无以广识
  • 擅长领域:
  • java
  • oracle
  • js
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/jianggujin/article/details/70474700
个人分类: Javascript
上一篇Oracle查看锁语句并删除会话锁
下一篇HTML滚动文字
想对作者说点什么? 我来说一句

JS字符串和数组常用扩展

2013年02月06日 4KB 下载

没有更多推荐了,返回首页

关闭
关闭