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

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

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

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

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

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

关闭

原生js去掉字符串2端空格Trim()方法总汇

在我们使用JavaScript编写脚本的时候,经常会遇到把字符串两边的空格进行清除,它不想其它语言会有内置方法函数处理,js需要我们自己代码来实现。如果用过jquery库的话,它提供了trim方法,我们可以直接使用。

es6字符串的扩展

字符的 Unicode 表示法;codePointAt(); String.fromCodePoint();字符串的遍历器接口;normalize();includes(), startsWith(), endsWith(); repeat();

用JavaScript带你体验V8引擎解析字符串过程

AST模块其实要写的话,100篇都写不完,我将一些简单知识点翻译成JavaScript代码来进行讲解(v8内部的复杂性永远都能超出我的意料,现在看到万行的源码都已经没感觉了),如果谁想看C++源码,就去翻我前面的流水账

使用String. localeCompare比较字符串

javascript提供stringA.localeCompare(stringB)方法,来判断一个字符串stringB是否排在stringA的前面。返回值: 如果引用字符存在于比较字符之前则为负数; 如果引用字符存在于比较字符之后则为正数; 相等的时候返回 0 。

js字符串方法

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

20中常用的JavaScript字符串方法

charAt(x)返回字符串中x位置的字符,下标从 0 开始。concat() 方法用于连接两个或多个字符串,此方法不改变现有的字符串,返回拼接后的新的字符串。fromCharcode(c1,c2)转换一组Unicode值转换为字符。

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

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

es6中模板字符串

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

字符串拼接引发的BUG

我们先温习一下JavaScript基础知识。在JavaScript中,根据+左右两边变量的类型的不同,+符号可以用于数字相加或则字符串拼接。我用了string += +string这样的写法,也就是说:由于写代码的时候拷贝黏贴,不小心整了一个多余的+号?

JS数组转字符串方法总汇

JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法,可以把数组转换为字符串,如表所示。

点击更多...

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

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全运营推广