Javascript, замена символов в строке

не стоит использовать регулярные выражения для таких дел.. Посмотри код JS шаблонизаторов на гитхабе, если правда хочешь по-лучше написать

var i;
var res = [];
var echo = '<div class="images" id="<%=i%>"><img src="<%=res[i]%>" /></div>';

i=1
res[1] = '1.gif';
console.log(echo.replace("<%=i%>", i).replace("<%=res[i]%>", res[i]));

не?

а вообще, YDIW

http://underscorejs.org/#template

https://lodash.com/docs#template

fixed

res = Array(

Мусьё знает толк в извращениях.

Уже не первый раз слышу, чем лучше?

Больше полезных функций, часто обновляется, значительно быстрее работает.

1. Взять кусок до первого процента
2. eval(кусок до второго процента)
3. Повторить 1, пока проценты не кончатся
4. Влепить остаток строки.

eval

Не надо так делать.

А по-другому никак не сделать то, что нужно ТС.

Я уверен, что вышеупомянутые обертки в итоге eval и вызывают! Потому что как ты еще заменишь строку с именем переменной на значение этой переменной?

как ты еще заменишь строку с именем переменной на значение этой переменной?

Посмотришь свойство с этим именем в том объекте, что биндишь к этому шаблону.

eval — зло и тормоз.

А по-другому никак не сделать то, что нужно ТС.

Но от eval - волосы на ладошках растут.

Но от eval - волосы на ладошках растут.

скорей от эвалофобии, поскольку эта болезнь неизбежно приводит к многочасовым мастурбациям на код.

поскольку эта болезнь неизбежно приводит к многочасовым мастурбациям на код.

Причем тут многочасовые мастурбации на код, если написание разбора арифметических выражений это курс школьной информатики (даже не институт)? Может профессию неправильную выбрал? Любители eval'а напоминают врачей которые анализы мочи на язык пробуют.

Ну подрочи на школьную арифметику, сними напряжение, может успокоишься.

Может профессию неправильную выбрал?

Да-да, числодрочерство — это моя профессия. Это ты у нас инженер

Любители eval'а

нелюбители эвала просто его нихуянепонимают.

Реализовала по другому, и i и img в один массив запихнула и через for in и replace все меняет как мне надо

Но тогда как такое реализовать?

var echo = '<div class="images" id="<%=i%>"><img src="<%=img%>" /><p><%=Date.now()%></p></div>';

Я имела в виду чтоб Date.now() выполнился?

хз чо должно получиться, но конкретно этот кусок можно так:

<div class="gallery"></div>

var res = Array(
  'http://localhost/images/background.jpg',
  'http://localhost/images/logo.png'
);

var gallery = $('.gallery');
for (var i=0; i<res.length; ++i) {
    gallery.append('<div class="images" id="'+ i +'"><img src="'+ res[i] +'" /><p>'+ Date.now() +'</p></div>');
}

это не то что я хотела, хочу реализовать в этом шаблонизаторе

function t(s,d){ 
  for (var p in d)  
    s = s.replace(new RegExp('{'+p+'}', 'g'), d[p]); 
  return s; 
}

чтоб не только заменялись переменные из массива, но и хотела бы чтоб она и выполнить например эту команду смогла Date.now()

<!--%begin gallery%-->
    <div class="images" id="<%=i%>"><img src="<%=img%>" /><p><%=date_now%></p></div>
<!--%end gallery%-->

var data = {
    gallery: [
        'http://localhost/images/background.jpg',
        'http://localhost/images/logo.png'
    ],
    ....
};
var allowed_func = {
    date_now: true,
    make_teacher_happy: true,
    got_A: false,
    ....
};
function is_func(f){if(allowed_func[f] && f=="date_now") return Date.now();...}
function parser(data,src){...}

* хаваем шаблон от <!--%begin ?%--> до <!--%end ?%-->
* соотв. получаем имя блока (cur_block='gallery',cur_blk_src='...')

    if (cur_data[cur_block] !== undefined) console.log('OK');
    else console.log('KO');

    cur_blk_src = t(cur_blk_src,d);
    parser(cur_data[cur_block],cur_blk_src);

так же, там парсинг ведется с применением божественных нодовских стримов, что и предаёт ему скорости. А в андерскоре скорее всего как обычно все копируют на каждый чих, как обычно у них в либе принято :)

чтоб не только заменялись переменные из массива, но и хотела бы чтоб она и выполнить например эту команду смогла Date.now()

не, ну это конечно, нереально сложная задача.

bar=1
baz=2


console.log(

"<p foo='<%bar%>'><%Date.now()%></p><div bar='<%baz%>'><%new Date().getHours()%></div>"
 .replace(/<%([^%]+)%>/g, function(x,y){return eval(y)})

)

<p foo='1'>1438445897808</p><div bar='2'>19</div>

не как не получается

по русскому сколько в школе имеешь?

Спасибо большое, то что нужно. Не подскажите почему все бояться этой функции eval и без нее не реализовать то что я хочу?

Стырено из doT.js. Макро-шаблонизатор:

function compileTemplate(templateString)
{
    templateString = templateString
        // trim and compact
        .replace(/(^\s+|\s+$)/g, '')
        .replace(/\s+/g, ' ')
        // interpolation
        .replace(/\{\{=([\s\S]+?)\}\}/g, function(m, v) {
            return "'+(" + v + "||'')+'";
        })
        // conditional
        .replace(/\{\{\?(\?)?\s*([\s\S]*?)\s*\}\}/g, function(m, elif, code) {
            return elif
                ? ( code ? "';}else if(" + code + "){out+='" : "';}else{out+='" )
                : ( code ? "';if(" + code + "){out+='" : "';}out+='" );
        })
        // evaluate
        .replace(/\{\{([\s\S]+?(\}?)+)\}\}/g, function(m, code) {
            return "';" + code + "out+='";
        });

    try {
        return new Function('it', "var out='" + templateString + "';return out;");
    } catch (e) {
        return function() {
            return 'Template is not compiled';
        }
    }
}

var imagesList =
'{{ for (var i in it) { }}\
    <div class="images" id="{{=it[i].id}}"><img src="{{=it[i].src}}"></div>\
{{ } }}';
imagesList = compileTemplate(imagesList);
console.log(imagesList([
    {id: 11, src: 'adfasdf'},
    {id: 23, src: 'dfghdfg'}
]));

Потому что код внутри нее не оптимизируется. То же самое, в той или иной степени относится к try, Function, и некоторым другим. На самом деле, думать об этом стоит только если речь идет об очень узком месте, в большинстве случаев, это не имеет значения.

Кроме того, есть некоторые проблемы с безопасностью использования в серверном коде, но это уже больше из области легенд. Надо быть полным кретином, чтобы эвалить какие попало строки из сети.

В целом использовать eval можно и нужно, только с умом.

И никакого «eval'а».
new Function

хрен редьки не слаще

это форк underscore?

Чутка послаще, т.к. евал выполнится сразу или даже много раз, а ф-ция только в момент вызова, так еще и «прекомпиляется».

это форк underscore?

может начинали и с форка, не знаю, но интерфейс методов совпадает

Мы так говорим, как будто мы знаем, чем плох underscore