jQuery中有没有类似MooTools的替代方法？

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

试试这个插件 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 3

$.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);
        }

    });
};

Answer 4

有一些插件与 .NET 中的 String.Format 方法共享类似的语法。

这个利用了 jQuery Validate 插件（常见于 CDN）。

示例：

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

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

第二个插件名为 .NET 样式字符串格式。

示例：

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

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