Условные границы работают над символами?

Question

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

Так что, когда я делаю:

var reg = /\b\Hi\b/gi; 
var str = 'HiHiHi Hi HiHiHi Hi'; 
alert(str.replace(reg, '')); 

Это происходит: Jsfiddle

Это на самом деле работает отлично, и делает удалить те 2 Привет о том, что стоят в одиночку.

Но когда я изменяю рег беглому смайлик, а затем изменить строку:

var reg = /\b\:\)\b/gi; 
var str = 'HiHi:) :) HiHiHi :)'; 
alert(str.replace(reg, '')); 

Это происходит: Jsfiddle

Это просто не работает. Строка остается неизменной. Нельзя ли использовать границы слов на символах? Если да, то как Facebook делает это в своих чатах?

Answer 1

Как \b не будет работать в этом случае, вы можете использовать:

var re = /(\s|^):\)(?!\S)/g; 
var str = 'HiHi:) :) HiHiHi :)'; 
alert(str.replace(re, '$1')); 

Работает как космическая граница.

Вы можете добавить несколько смайликов к нему так:

/(\s|^)(?::\)|:\(|:\||:\]|:\[)(?!\S)/g; 

Answer 2

Граница слова \b представляют собой нулевую ширину границы между символами слова \w (в JavaScript, [A-Za-z_]) и символы несловообразующего \W (все остальные).

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

Самым простым регулярным выражением будет /[:;]-?[()]/gi, который поддерживает смайлики ) и frownies ( с дополнительным тире и глаза : или подмигивание ;.

Edit:

Это потребует либо пробел или начало строки (как группы захвата, поскольку Javascript не поддерживает просмотровых задом), то он использует выше регулярное выражение, то оно должно за которым следует конец строки или пробела.

var reg = /(\s|^)[:;]-?[()](?:\s|$)/gi; 
var str = 'HiHi:) :) HiHiHi :)'; 
alert(str.replace(reg, '$1')); 

Если заменить в этих ситуациях: :-), cool :(not!

Не следует заменить в этих ситуациях: Digits:(0,1,2,3), hi :(.