Javascript & JQuery & CSS

Replace()에서 치환을 당담하는것은, 정규식의 g 부분이다. 해당위치에 오는 문자에 따라서

g : 문자열 내의 모든 패턴 체크

i : 대소문자를 구별하지 않음

m : 여러줄에 걸쳐서 체크

위와 같은 뜻이 된다.



$('el').val().replace();

문자열 변수의 특정 문자를 제거하거나 모든 공백을 없앨 때 사용.

아래는 정규식을 활용한 특정 문자 제거 방법.

.replace(' ','')          : 첫번째 공백 제거

.replace(/\-/g,'')        : 특정문자 제거1 (-)

.replace(/,/g,'')         : 특정문자 제거2 (,)

.replace(/^\s+/,'')       : 앞의 공백 제거

.replace(/\s+$/,'')       : 뒤의 공백 제거

.replace(/^\s+|\s+$/g,'') : 앞뒤 공백 제거

.replace(/\s/g,'')        : 문자열 내의 모든 공백 제거

.replace(/\n/g,'')        : 개행 제거

.replace(/\r/g,'')        : 엔터 제거


var str = '안녕         하신가여?';
str.replace( /(\s*)/g, "" ); : 전체 공백제거 방법

$.trim(str); : jQuery 공백제거


예제)


1. "asdf-asdf-fsdddf".replace(/[-]/gi, "@"); => asdf@asdf@fsdddf

2. "asdf/.asdf/.fsdddf".replace(/[/.]/gi, "@"); => asdfasdffsdddf

3. "asdf/.asdf/.fsdddf".replace(/\/./gi, "@"); => asdf@asdf@fsdddf

4. "4asdf/.asdf/.fsdd4df".replace(/[/4.]/gi, "@"); => @asdfasdffsdd@df

* 특수기호를 맨처음 적을때는 항상 "\" 이부분이 정규식 맨앞에 존재해야함

Ex) document.form.object_nm.value.replace(/\,/g, "@");

* 위 예제에서 2, 3 번의 차이를 잘 파악해야 한다,

2 번은 []안에 특수기호를 하나하나 개별적으로 변환,
3 번은 특수기호를 하나의 묶음으로 인식해서 변환