Замена элементов в строке

Question

В настоящее время у меня есть это общее сообщение об ошибке в моем скрипте, которое я хотел бы заменить более подробными сведениями.

errorMessage: "Your selected file, {{fileName}}, is not a proper format of {{formats}}" 

Я хотел бы заменить fileName с именем файла они выбрали.

Это то, что я работаю до сих пор:

validateError(
    errorMessage.replace(/{{formats}}/, formatArray) 
); 

Так что я попытался это:

validateError(
     errorMessage.replace(/{{formats}}/, formatArray), 
     errorMessage.replace(/{{fileName}}/, inputFile.name) 
    ); 

при запуске этого {{имя_файла}} появляется этот путь, и не заменяется имя файла. inputFile - объявленная переменная, которая уже имеет информацию о данных файла, поэтому я знаю, что это имя существует.

Что я делаю неправильно или не замечаю?

Answer 1

Функция .replace не мутирует строку (строки в JavaScript неизменяемы), но возвращает новую строку. Таким образом, вы можете либо сохранить результат в переменной или цепочке звонков .replace. Кроме того, поскольку вы используете регулярное выражение, я рекомендую избегать {, так как это особый символ или вместо этого используется только string.

Сохранение переменной (используя строку вместо регулярных выражений):

var formatReplaced = errorMessage.replace('{{formats}}', formatArray); 
validateError(formatReplaced.replace('{{fileName}}', inputFile.name)); 

Или цепочки .replace вызовов (спасаясь специальных регулярных выражений символов):

validateError(errorMessage.replace(/\{\{formats\}\}/, formatArray).replace(/\{\{fileName\}\}/, inputFile.name)); 

Я бы также рекомендовал давать переменные лучше имена. При чтении formatArray я предположил, что это массив, пока вы не отметили, что он работал с функцией replace. Я бы рекомендовал что-то вроде userFormat.