Question

这是mootools代码：

var myString = "{subject} is {property_1} and {property_2}.";
var myObject = {subject: 'Jack Bauer', property_1: 'our lord', property_2: 'savior'};
myString.substitute(myObject);

并且jquery有这个方法吗？或者喜欢这种方法？

Answer 1

不，但没有什么能阻止你自己添加它：

jQuery.substitute = function(str, sub) {
    return str.replace(/\{(.+?)\}/g, function($0, $1) {
        return $1 in sub ? sub[$1] : $0;
    });
};

// usage:
jQuery.substitute('{foo}', {foo:'123'});

Answer 2

有些插件与.NET中的String.Format方法具有相似的语法。

This one利用jQuery Validate插件（通常在CDN上找到）。

示例：

$("button").click(function () {
  var str = "Hello {0}, this is {1}";

  str = jQuery.validator.format(str, "World", "Bob");
  alert("'" + str + "'");
});

第二个插件名为.NET Style String Format。

示例：

var result = $.format("Hello, {0}", "world");

这些可能不是您正在寻找的，但它们可能很有用。

Answer 3

试试这个插件https://github.com/trix/nano，源代码只有几行

/* Nano Templates (Tomasz Mazur, Jacek Becela) */
(function($){
  $.nano = function(template, data) {
    return template.replace(/\{([\w\.]*)\}/g, function (str, key) {
      var keys = key.split("."), value = data[keys.shift()];
      $.each(keys, function () { value = value[this]; });
      return (value === null || value === undefined) ? "" : value;
    });
  };
})(jQuery);

您可以使用点符号{user.name}，只是简单而强大。

Answer 4

$.nano回答引发了我一个循环，因为如果您的模板点表示法中有任何拼写错误，它会出错，而且它不允许所有合法字符如a['foo bar']，所以下面是我的版本为$.substitute插件：

/*
 * JQuery Substitute method allows for simple templating using JS Object dot notation.
 * Contribute link: https://gist.github.com/danielsokolowski/0954fc2a767f441720b9
 *
 * @param strTemplate - string contain the replacement tokens
 * @param objData   - an Object represetnting your replacmenet values
 *
 *  Example:
 * var strTemplate = 'Hello {user.name}'    
 * var strDatra = {'user': 'Daniel Sokolowski'}
 * alert($.substitute(strTemplate, objData)); // outputs 'Hello Daniel Sokolowski'
 *
 */
$.substitute = function(strTemplate, objData) {
    return strTemplate.replace(/\{([^{}]*)\}/g, function(math, subMatch1) {
        try {
            var keys = subMatch1.split(".");
            var value = objData[keys.shift()]; // return first element and update the original array
            while (keys.length !== 0) { // keep returning properties
                value = value[keys.shift()]
            }
            return String(value);
        } catch (err) { // return any errors as a string
            return String(value);
        }

    });
};

有任何方法，如在jquery中替换mootools

4 个答案: