Javascript replace parts of string to variables

Question

I wish to do a search and replace in a string. It searches for any word that begins with "$" and replaces it with a value from an array. For example if the string is:

[div class='news'][h4]$title[/h4][p]$desc[/p][/div]

It replaces [] to <> (already done). But then i want it to replace $title with data from an array. So data["title"] and then $desc would be replaced with data["desc"]. The code i have so far is

var obj = $('#'+id);
var url = $(obj).attr('loadJSON');
var format = $(obj).attr('responseFormat');
$.getJSON(url, function(data) {
    var html = "";
    for(var i=0;i<data.length;i++) {
        var tmp = format;
        tmp = tmp.replace(/\[+(.*?)\]+/g,"<$1>");
        tmp = tmp.replace();
    }
});

The format is the string which it will replace in, and data (from the JSON response) is the array which i want the variables to change to.

Could someone please help me with this? Thanks in advance

Fabrizio Calderan · Accepted Answer · 2012-04-02 12:35:33Z

4

then add as last replacement

tmp = tmp.replace(/\$([a-z]+)/gi, function(match, v) {
   return data[v] || v;
})

note that in case of data[v] is undefined you could return something else like data[v] || ["not found", v].join(' ') just to track what variable is missing

answered Apr 2, 2012 at 12:35

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Fabrizio Calderan Over a year ago

as aside suggestion you could use {$var} instead, since is a wider used sytntax in microtemplating

Dan Spiteri Over a year ago

I would do, but the html files are generated from PHP first, using a template system, which already uses {$var} so i had to use something slightly different. Thanks for the suggestion though

helpermethod · Accepted Answer · 2012-04-02 12:40:03Z

0

I'm no JS expert, but this looks wrong in so many ways... your data object should be a JS object, that is something like { title: 'Generic title.', description: 'It's a generic title' }.

Why not put the values into paragraph elements, and then insert those into the div (i.e., you append them). Something like this:

$.getJSON(url, function(data) {
    $('div.news').append($('<p />').text(data.title));
    $('div.news').append($('<p />').txt(data.description));
});

answered Apr 2, 2012 at 12:40

helpermethod

62.8k71 gold badges201 silver badges281 bronze badges

1 Comment

Dan Spiteri Over a year ago

The data object is a JS object, its loaded via AJAX from an external source, and i wanted this in a function which could be easily intergrated to format external content in any conatainer. So for example, i could use the same JS function to load data and insert it into a table

Nicola Peluchetti · Accepted Answer · 2012-04-02 12:41:23Z

0

You could do

tmp = tmp.replace(/\$([a-z]+)/gi, function(match) {
    match = match.replace('$', '');
   return (data[match] || match)
});

http://jsfiddle.net/uZbk8/

answered Apr 2, 2012 at 12:41

Nicola Peluchetti

76.9k32 gold badges150 silver badges197 bronze badges

2 Comments

Fabrizio Calderan Over a year ago

if you're using a capturing group, you may just pass another parameter to the callback and avoid an inner replacement

Nicola Peluchetti Over a year ago

@FabrizioCalderan Yes i saw (and upvoted) your answer, it's much better! :)

Collectives™ on Stack Overflow

Javascript replace parts of string to variables

3 Answers 3

2 Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related