Как найти «шорткод» (текст) и заменить его на нужное значени?

Question

[Андрей Ломовой]

В теле документа есть "шорткод" [name1] и например [name2] надо найти этот текст и заменить на соответствующие значения. Как это сделать? Важна динамическая составляющая, найти [name$] узнав его числовое знаение и динамично подменить. То есть, просто найти заданный текст средствами jQuery я могу, но интересно именно как определить что за name и его номер и сколько таких на странице что бы динамично подставить нужные значения, например из XML файла.

Comments

[lfoma]

Вам это нужно сделать в тексте? Текст находится в одном месте?
Это решается через regexp

Answer 1

[Александр Таратин]

Если вам нужен простой клиентский шаблонизатор
https://twitter.github.io/hogan.js/

Comments

[Андрей Ломовой]

Спасибо, но все таки важно найти простой способ и самописный.

Я пока отталкиваюсь от

var matches = $('body').text().match(/name([A-Z\d]+)/);

Но не могу продумать саму логику работы дальнейшую.

[Александр Таратин]

Андрей Ломовой:
>важно найти простой способ и самописный
Нет, не важно. Вот прямо совсем не важно. Вам только так кажется.

Answer 2

[Константин Громов]

В таких случаях используют String.prototype.replace, передавая функцию вторым аргументом:

var insertValues = function (string, values) {
    var counter = 0;

    return string.replace(/\[name(\$|\d+)\]/g, function (match, index) {
        if (index === '$') {
            return values[counter++];
        }

        return values[index - 1];
    });
}

var string = 'text text [name$] [name$] text text [name8] text [name$] text text text text',
    values = ['VALUE_1', 'VALUE_2', 'VALUE_3', 'VALUE_4', 'VALUE_5', 'VALUE_6', 'VALUE_7', 'VALUE_8', 'VALUE_9', 'VALUE_10'];

console.log(insertValues(string, values));

Ещё хочу заметить, что если вы используете получившуюся строку в $('body').html(result); это подразумевает полное пересоздание практически всех элементов на странице, а не просто замену текста внутри них. Это может вызвать ощутимые проблемы.