javascript - 有没有类似 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

答案让$.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 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

有一些插件与 .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 Style String Format。

例子：

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

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