在数组中使用数组替换占位符

Question

我习惯在PHP中以这种方式处理它，所以我想知道是否可以在Javascript中使用它。这是我试过的：

$("#company-details").html(function() { 
    var find = ['%title%', '%description%', '%photo%', '%website%', '%branch%', '%refnr%']; 
    var replace = [value.title, value.description, value.photo, value.website, value.branch, value.refnr]; 
    return $(this).html().replace(find, replace); 
}); 

但是，只要我给任何数组添加超过1的值，它就不再工作了。

Answer 1

我不认为这会工作，你可能需要循环，并取代

$("#company-details").html(function (i, html) { 
    var find = ['%title%', '%description%', '%photo%', '%website%', '%branch%', '%refnr%']; 
    var replace = [value.title, value.description, value.photo, value.website, value.branch, value.refnr]; 
    $.each(find, function (i, key) { 
     html = html.replace(key, replace[i]); 
    }) 
    return html; 
}); 

---

我认为它可以被修剪为

if (!RegExp.escape) { 
 
    RegExp.escape = function (s) { 
 
     return s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&') 
 
    }; 
 
} 
 

 

 
var value = { 
 
    title: 'title', 
 
    description: 'description', 
 
    photo: 'photo', 
 
    website: 'website', 
 
    branch: 'branch', 
 
    refnr: 'refnr', 
 
}; 
 
$("#company-details").html(function (i, html) { 
 
    var find = ['title', 'description', 'photo', 'website', 'branch', 'refnr']; 
 
    $.each(find, function (i, key) { 
 
     var regex = new RegExp('%' + RegExp.escape(key) + '%', 'g') 
 
     html = html.replace(regex, value[key]); 
 
    }) 
 
    return html; 
 
});

#company-details { 
 
    white-space: pre-line; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="company-details"> 
 
    Title: %title% 
 
    Description: %description% 
 
    Photo: %photo% 
 
    Website: %website% 
 
    Branch: %branch% 
 
    Refnr: %refnr% 
 
    Title2: %title% 
 
</div>