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

Question

У меня есть строка, как: The zoo has a panda named {{123}} that is colored {{234}}

У меня есть массив, который представляет каждый из маркеров, как:

[ { label: 'Ralph', id: '123' }, { label: 'White and Black', id: '234' } ]

Я хочу, чтобы пересечь строку и замените {{token}} на фактическую метку, но мне также нужно отслеживать положение символа, которое я заменяю. Ральф был бы персонажем 26-го места. Более сложным сценарием было бы следующее: после того, как я заменил {{123}}Ralph, текстовая позиция цвета будет отличаться, так как Ralph - 5 символов, а токен - 7 символов.

Любые мысли о самом быстром подходе к решению этого вопроса?

Answer 1

Это может быть не так сложно, как вы бы себе:

var str = "The zoo has a panda named {{123}} that is colored {{234}}"; 
 
var array = [ { label: 'Ralph', id: '123' }, { label: 'White and Black', id: '234' } ]; 
 

 
for(var i = 0; i < array.length; i++){ 
 
    str = str.replace("{{" + array[i].id + "}}", array[i].label); 
 
} 
 
alert(str);

Просто цикл по массиву и заменить каждую клавишу в строке с нужной меткой. Если ключ не найден в строке, replace просто ничего не делает.

Answer 2

Если вы хотите, чтобы позиция маркера указана, вы можете использовать String.prototype.split для разбивки на каждый токен, тогда вам не нужно заботиться об индексах.

var str = "The zoo has a panda named {{123}} that is colored {{234}}"; 
str.split(/\{\{(.+?)\}\}/g); 

//["The zoo has a panda named ", "123", " that is colored ", "234", ""] 

fiddle пример использования