Найти и заменить на JavaScript

Question

Я пытаюсь создать супер простое решение для шаблонов JavaScript. Я хочу использовать метод JavaScript replace, чтобы найти все экземпляры фигурных скобок в шаблоне и заменить их соответствующими данными.

Например, если мой шаблон был: <p>My name is {{name}}. I am {{age}}.</p>

Я хотел бы результат: <p>My name is Olly. I am 19.</p>

Вот мой код до сих пор: http://jsfiddle.net/2RkAG/

Я пытаюсь сделать это автоматически заменить каждую часть данных, поэтому мне не нужно явно указывать JavaScript, что нужно заменить. Однако у меня возникают проблемы.

Answer 1

$1 работает только в том случае, если вы передаете строку напрямую. Это не работает так, как у вас есть, потому что person["$1"] оценивается до передачи строки до .replace - и person["$1"] буквально undefined.

Вы можете использовать функцию вместо этого: http://jsfiddle.net/2RkAG/1/. Функция вызывается для каждой замены и передаются аргументы, эквивалентные, например, $1.

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

Вам не нужно бежать первый {, либо.