Javascript замена в тексте

"replace - замена в строке js" или "javascript замена в тексте" - другими словами - замену в строке можно и нужно читать "замена

в тексте js"

Я сделал отдельную страницу под названием js_replace , т.е. js replace, javascript replace, замена с помощью javascript

Подробно о замене - replace в javascript

1. Что такое replace - замена в строке js
2. Пример использования "javascript replace"
3. Замена двух слов - пример.
4. Замена(replace) по регулярному выражению
   
   1. Пример replace по регулярному выражению
   2. Регистронезависимая замена "javascript replace"
   3. Использование точки в регулярном выражении
   4. Использование плюса в регулярном выражении

Что такое replace - замена в строке js

Вначале сделаем маленькое отступление:

Если вы спросите меня - какую функцию для замены я использую в php? - str_replace

И + аналог str_replace в javascript

Теперь - собственно перейдем к замене в строке...javascript или о replace в javascript

Replace в javascript

replace в javascript - или замена в строке...синтаксис:

str.replace(regexp, newSubStr|function)

Понимание синтаксиса : replace в javascript

Запоминается просто:

где.replace(что, на что);

Единственное, что, наверное можно еще добавить:

Этот метод не меняет вызывающую строку, а возвращает новую, после замен.

Я не буду разбирать всю подноготную данной функции, если вы впервые встречаетесь с replace в javascript - если вы поймете, все здесь написанное, то вам можно будет поставить твердую 5!

Дале... перейдем к примерам, к живым примерам использования "replace в javascript"




Пример использования "javascript replace"

Для того, чтобы произвести замену в текст с помощью javascript используя "replace" - нам понадобится проделать пару манипуляций:

Создадим переменную "example"

Присвоим ей некое значение в виде двух слов "Привет мир":

var example = 'Привет мир';

Заменим в переменной(example.replace) слово "Привет" на слово "Helloy", результат замены пере присвоим переменной example :

example = example.replace('Привет','Helloy');

Выведем результат с помощью document.write();

document.write(example);

Соберем весь код замены в тексте - replace в javascript

<script>

var example = 'Привет мир';

example = example.replace('Привет','Helloy');

document.write(example);

</script>

Далее... возьмем этот код и разместим его прямо здесь:

Результат замены в тексте слова на другое слово javascript




Замена двух слов - пример.

Предположим, что нам требуется заменить сразу два слова! Как эо сделать?

Для того, чтобы заменить два слов или более слов можно воспользоваться вот таким простым способом:

Переназначим нашей переменной новое значение:

example = 'Мама мыла раму';

Нам нужно заменить первое слово "Мама" на "Раму"

example = example .replace('Мама', 'Рама');

И второе слово - пусть это будет "раму" на "маму"

example = example .replace('раму', 'маму');

Соберем весь код замены двух слов в тексте javascript

<script>

example = 'Мама мыла раму';

example = example .replace('Мама', 'Рама');

example = example .replace('раму', 'маму');

echo (example);

</script>

Разместим код замены двух слов прямо здесь:




4. Замена(replace) по регулярному выражению javascript

   Метод replacejavascript может заменять по регулярному выражению.

   Что такое регулярное выражение? см. здесь.
   

   Не буду рассказывать, чо такое "регулярное выражение" - перейдем сразу к использованию на примерах...

   Пример использования регулярных выражений в javascript replace

   Опять возьмем нашу строку...

   example = 'Мама мыла раму, мама любила раму';

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

   <script>example = 'Мама мыла раму, мама любила раму';

   example = example .replace('Мама', '<red>Рама</red>');

   document.write(example);

   </script>

   У нас получилось(замена выделена красным):

   Пример replace по регулярному выражению

   Теперь... тоже самое с использованием "регулярного выражения в javascript replace" - в позиции "ЧТО" - у нас будет располагаться "/Мама/g" используем здесь модификатор g :

   <script>

   example = 'Мама мыла раму, мама любила раму';

   example = example .replace(/Мама/g, '<red>Рама</red>');

   echo (example);

   </script>

   Результат использования модификатора "g" javascript replace

   Как видим, результат аналогичный, слово "Мама" - было благополучно заменено. Но вот слово "мама" - которое начинается не с заглавной "М" - заменено не было...

   Нол если нам требуется заменить все слова без оглядки на регистр!

   Для этого нам понадобится другой модификатор модификатор i и следующий пункт...

   Регистронезависимая замена "javascript replace"

   Строка будет аналогичная из выше идущего пунка.

   Кроме модификатора g добавим к нему модификатора i? который позволит нам заменить все слова вне зависимости от "РЕГИСТРА

   <script>
   example = 'Мама мыла раму, мама любила раму';
   example = example .replace(/Мама/ig, '<red>Рама</red>');
   echo (example);
   </script>

   Результат регистронезависимой замены "javascript replace"

   Теперь разместим выше приведенный код прямо здесь:

   Как видим... в нашем примере были заменены оба слова "Мама" и "мама" :

   Использование точки в регулярном выражении

   В данном примере разберем использование точки в качестве "любого символа", т.е. в месте расположения точки может находится любой символ.

   Пример тот же, только в позиции "ЧТО" поместим "/.ам./ig", т.е. будет искать все слова, которые имеют 4 знака и второй знак "буква а" и третий знак "буква м". Совпадение будет заменено на слово(в нашем примере) "Рама"

   Пример замены в регулярном выражении с использованием точек:

   <script>
   example = 'Мама мыла раму, мама любила раму';
   example = example .replace(/.ам./ig, '<red>Рама</red>');
   echo (example);
   </script>

   Результат работы "javascript replace"

   Использование плюса в регулярном выражении

   В следующем пример используем оператор повторения.

   Возьмем... опять выше идущий пример... и изменим позицию "ЧТО" на ... "/М.+,/ig"

   "/М.+,/ig" - что это значит??

   Начало замены буква "М".

   Далее идет знак точка ".", что означает любой символ.

   + - любой символ будет повторяться один или более раз...

   , - запятая - это последний "символ замены"

   Пример использования плюса в "javascript replace"

   <script>
   example = 'Мама мыла раму, мама любила раму, и еще запятая';
   example = example .replace(/М.+,/ig, '<red>Рама</red>');
   echo (example);
   </script>

   Результат работы оператора повторения в "javascript replace"

   Как видим, та часть текста, которая была от буквы "М" до последней запятой, было замененено... включая саму запятую...

   Еще будут пункты....

   Это самые верхушки... далее еще дополню... просто на седня чета притомился уже...

   Модификатор "g" javascript replace

   Модификаторы "g", который указывают на глобальный поиск.

   Модификатор "i" javascript replace

   Регистронезависимую замену (заменять и заглавные и строчные), можно поставить модификатор "i"

   Оператор повторения javascript replace

   + - символ повторяется один или более раз

   * - символ повторяется ноль или более раз

   ? - символ повторяется ноль или один раз. То есть может присутствовать или нет