Trova e sostituisci con JavaScript

Question

Sto provando a creare una soluzione di template JavaScript super semplice. Voglio utilizzare il metodo JavaScript replace per trovare tutte le istanze di parentesi graffe in un modello e sostituirle con i dati appropriati.

Per esempio, se il mio modello era: <p>My name is {{name}}. I am {{age}}.</p>

vorrei il risultato: <p>My name is Olly. I am 19.</p>

Ecco il mio codice finora: http://jsfiddle.net/2RkAG/

che sto cercando di farlo sostituire automaticamente ogni pezzo di dati, quindi non devo dire esplicitamente al JavaScript cosa sostituire. Tuttavia, questo è dove sto avendo problemi.

Answer 1

$1 funziona solo se si passa direttamente una stringa. Non funziona nel modo in cui lo hai, perché person["$1"] viene valutato prima che la stringa venga passata a .replace - e person["$1"] letteralmente è undefined.

È possibile passare invece una funzione: http://jsfiddle.net/2RkAG/1/. La funzione è chiamata per ogni sostituzione e ha argomenti passati che sono equivalenti ad es. $1.

$result.html(template.replace(/{{(.*?)}}/g, function(a, b) { 
    return person[b]; // a = complete match, b = first group 
})); 

non avete bisogno di sfuggire la prima {, neanche.