zoukankan      html  css  js  c++  java
  • Jquery 中使用String.Format

    第一种方法:

    String.format = function() {
        if (arguments.length == 0)
            return null;
        var str = arguments[0];
        for ( var i = 1; i < arguments.length; i++) {
            var re = new RegExp('\{' + (i - 1) + '\}', 'gm');
            str = str.replace(re, arguments[i]);
        }
        return str;
    };
    // var a = "我喜欢吃{0},也喜欢吃{1},但是最喜欢的还是{0},偶尔再买点{2}";
    // alert(String.format(a, "苹果","香蕉","香梨"));
    // 结果:我喜欢吃苹果,也喜欢吃香蕉,但是最喜欢的还是苹果,偶尔再买点香梨

    第二种方法:

    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;
    }
    复制代码
    //两种调用方式
     var template1="我是{0},今年{1}了";
     var template2="我是{name},今年{age}了";
     var result1=template1.format("loogn",22);
     var result2=template2.format({name:"loogn",age:22});
     //两个结果都是"我是loogn,今年22了"

    第三中方法:

    function stringFormat() {
             if (arguments.length == 0)
                 return null;
             var str = arguments[0];
             for (var i = 1; i < arguments.length; i++) {
                 var re = new RegExp('\{' + (i - 1) + '\}', 'gm');
                 str = str.replace(re, arguments[i]);
             }
             return str;
         } 
     
     StringFormat("&Type={0}&Ro={1}&lPlan={2}&Plan={3}&={4}&Id={5}&Id={6}", data1, data2, data3,data4, data5,data6,data7);

    最后一种方法:相信做前端开发的朋友都受过这个折磨:连接HTML的时候被可恶的单引号、双引号搞得头昏脑胀。比如:
    element.innerHTML = ‘<a href=”‘ + url + ‘” onclick=”alert(” + msg + ‘’);”>’ + text + ‘</a>’;
    这里介绍一个字符串格式化函数:

    String.format = function(str) {
    var args = arguments, re = new RegExp(”%([1-" + args.length + "])”, “g”);
    return String(str).replace(
    re,
    function($1, $2) {
    return args[$2];
    }
    );
    };
    调用方法很简单:
    element.innerHTML = String.format(’<a href=”%1″ onclick=”alert(’%2’);”>%3</a>’, url, msg, text);

    意思就是用第n个参数把%n替换掉。这样一来清晰多了吧。

  • 相关阅读:
    上传本地项目到git服务器
    linux服务器部署web环境(一)
    nginx+tomcat负载集群部署
    selenium学习历程(二)
    selenium学习历程(一)
    在 Acer p236 上装 win7 和 ubuntu 双系统
    Ubuntu (14.04) 如何安装和配置Qt
    Android 蓝牙的常用操作
    OpenCL: Shared memory between CPU and GPU in Android development of Qaulcomm plateform
    Android 系统支持的编解码器
  • 原文地址:https://www.cnblogs.com/jxsimon/p/5053810.html
Copyright © 2011-2022 走看看