Question

/** Supplant **/
String.prototype.supplant = function(o) {
    return this.replace (/{([^{}]*)}/g,
        function (a, b) {
            var r = o[b];
            return typeof r === 'string' || typeof r === 'number' ? r : a;
        }
    );
};

Crockford毫无疑问是一个JavaScript大师精灵，但是当涉及多个级别的对象时，他的原型缺乏。

我希望此功能涵盖多级对象替换，例如'{post.detailed}'任何人都可以帮我修改替换版本吗？

Answer 1

这应该不会太难。请改用此替换功能：

function (a, b) {
    var r = o,
        parts = b.split(".");
    for (var i=0; r && i<parts.length; i++)
        r = r[parts[i]];
    return typeof r === 'string' || typeof r === 'number' ? r : a;
}

Answer 2

当人们在JavaScript中使用本机类型填充自己的垃圾时，我个人很讨厌它。如果我要写它，我会做以下...但为什么不爱布尔值？

function supplant(str, data) {
    return str.replace(/{([^{}]*)}/g, function (a, b) {

        // Split the variable into its dot notation parts
        var p = b.split(/\./);

        // The c variable becomes our cursor that will traverse the object
        var c = data;

        // Loop over the steps in the dot notation path
        for(var i = 0; i < p.length; ++i) {

            // If the key doesn't exist in the object do not process
            // mirrors how the function worked for bad values
            if(c[p[i]] == null)
                return a;

            // Move the cursor up to the next step
            c = c[p[i]];
        }

        // If the data is a string or number return it otherwise do
        // not process, return the value it was, i.e. {x}
        return typeof c === 'string' || typeof c === 'number' ? c : a;
    });
};

它不支持数组btw，你需要做一些额外的东西来支持它。

Answer 3

@Bergi方法w /支持布尔值：

function (a, b) {
    var r = o,
        parts = b.split(".");
    for (var i=0; r && i<parts.length; i++)
        r = r[parts[i]];
    return typeof r === 'string' || typeof r === 'number' || typeof r === 'boolean' ? r : a;
}

原始的Crockford＆Supplant方法w /支持boolean：

if (!String.prototype.supplant) {
    String.prototype.supplant = function (o) {
        return this.replace(/{([^{}]*)}/g,
            function (a, b) {
                var r = o[b];
                return typeof r === 'string' || typeof r === 'number' || typeof r === 'boolean' ? r : a;
            }
        );
    };
}

祝你好运！

https://gist.github.com/fsschmitt/b48db17397499282ff8c36d73a36a8af

Crockford的.supplant有多个级别的对象

3 个答案: