字符串的格式化功能的实现_js实现连接字符串及变量

时间: 2018-03-09阅读: 1717标签: 字符串

在开发中过程中,经常会遇到使用占位符的形式来格式化字符串,如下:

var test = '我的{0}是{1}';
var result = test.format('老婆','美女');//结果为:我的老婆是美女


我们通过js扩展String.prototype.format字符串拼接的功能,实现如下:


方案一:

String.prototype.format = function(){
    if(arguments.length==0){
        return this;
    }
    for(var s=this, i=0; i<arguments.length; i++){
        s = s.replace(new RegExp("\\{"+i+"\\}","g"), arguments[i]);
    }
    return s;
};


方案二:

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;
};

方案2除了上面的形式,还可以如下调用:

var test = '我的{name1}是{name2}';
var result = test.format({name1:'老婆',name2:'美女'});


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/493

js如何替换字符串中匹配到多处中某一指定节点?

抛出一个问题,如图,搜索关键字,匹配到四处,那我鼠标放在第二处,我想把它变个颜色,该怎么实现呢?回到文章的标题,js如何替换字符串中匹配到多处中某一指定节点?

js中字符串截取的几种方式

众所周知,js提供了很多字符串截取的方式。下面主要介绍js中slice(),splice(),split(),substring(),substr()的使用和区别,主要介绍了JavaScript截取、切割字符串的技巧,需要的朋友可以参考

JavaScript字符串转数字的5种方法及其陷阱

parseInt: 没有传入基数时,默认是传入的基数为 10 parseInt(num, 10),如果你不知道 num 属性的类型,不要使用 parseInt 进行字符串转数字。parseFloat: 转换十六进制数时要小心,如果你不知道要转换对象的类型,不要使用 parseFloat。

js字符串方法

查找字符串的位置(找到返回字符串首字母的位置,找不到返回-1):截取字符串:slice、substring、substr比较;替换字符串内容;转化为大写或小写;连接两个字符串或多个concat()

ES6中的字符串(模板字符串、字符串新方法)

字符串和数组类似,可以一一对应赋值。字符串有length属性,可以对它解构赋值。使用反引号(``)代替普通的单引号或双引号。使用${expression}作为占位符,可以传入变量。

Js实现字符串压缩

字符串压缩。利用字符重复出现的次数,编写一种方法,实现基本的字符串压缩功能。比如,字符串aabcccccaaa会变为a2b1c5a3。若“压缩”后的字符串没有变短,则返回原先的字符串。你可以假设字符串中只包含大小写英文字母

es6中模板字符串

字符串拼接是开发时一个必不可少的环节,也是很恶心的一个环节,尤其是又臭又长的html字符串拼接。为什么说html字符串拼接很恶心呢,主要有以下几点:

JS通过身份证号码获取出生年月日和性别

String.substr(start,length) -- start,开始截取下标 length,截取的长度 ;String.replace(/(.{4})(.{2})/,\"$1-$2-\"); --正则,$1-,$2- 分别是引用,前面正则匹配到的字符串

javascript字符串进行编码的方法:escape编码、encodeURI编码、encodeURIComponent编码

js对字符串进行编码的方法。ECMAScript v3 反对使用escape方法,用 encodeURI() 和 encodeURIComponent() 替代它。encodeURI对URI 进行完整的编码,因此对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的。

Js替换字符串的几种方法

替换字符串中的文本是 JavaScript 中的常见任务。本文研究几种用 replace 和正则表达式替换文本的方法。通常 JavaScript 的 String replace() 函数只会替换它在字符串中找到的第一个匹配的子符

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!