Иногда нужно решить задачу такого типа: найти
строку 'aaa' и заменить ее на '!',
но только если после 'aaa' стоит
'x', а сам 'x' при этом
не заменять. Если мы попытаемся решить задачу
'в лоб', то у нас ничего не выйдет:
'aaax baaa'.replace(/aaax/g, '!'); // вернет '! baaa', а хотели '!x baaa'
Просмотр вперед
Для решения задачи нужен способ сказать,
что 'x' не следует заменять. Делается
это с помощью специальных скобок (?= ),
которые просто смотрят, но не забирают с собой.
Эти скобки называются позитивный просмотр
вперед. Позитивный - так как 'x'
(в нашем случае) должен быть - только тогда
произойдет замена.
Давайте применим эти скобки для решения нашей задачи:
'aaax aaab'.replace(/aaa(?=x)/g, '!'); // вернет '!x aaab'
Есть и негативный просмотр вперед
- (?! ) - он, наоборот, говорит, что
чего-то должно не быть. В следующем примере,
замена произойдет, только если после 'aaa'
стоит НЕ 'x':
'aaax aaab'.replace(/aaa(?!x)/g, '!'); // вернет 'aaax !b'
Просмотр назад
Аналогичным образом есть позитивный просмотр
назад - (?<= ). В следующем
примере замена произойдет, только если перед
'aaa' стоит 'x':
'xaaa'.replace(/(?<=x)aaa/g, '!'); // вернет 'x!'
И есть также негативный просмотр назад
- (?<! ). В следующем примере замена
произойдет, только если перед 'aaa'
не стоит 'x':
'baaa'.replace(/(?<!x)aaa/g, '!'); // вернет 'b!'
Практические задачи
Дана строка, содержащая имена функций:
let str = 'func1() func2() func3()';
Получите массив имен функций из строки.
Дана строка с тегом:
let str = '<a href="" class="eee" id="zzz">';
Получите массив имен атрибутов этого тега.
Дана строка с переменными:
let str = '$aaa $bbb $ccc xxxx';
Получите подстроки, перед которыми стоит символ доллара.