반응형
일반적으로 자바스크립트에서 문자 하나의 값을 변경이 가능합니다.
예를 들어..
화면에 step > step2 > step3 이렇게 표시된다고 하였을때요.. > 표시를 > 로 html 에서 표기를 하는데요.. 문제는 자바스크립트에서는 값을 받아서 화면에 표시를 한다고 하면 그대로 > 로 표시가 되는 경우가 생기었습니다. 그래서 문자열 변경을 하기 위해서 해보았는데요.
var strValue1 = 'step1 > step2 > step3';
var strValue2 = strValue1.replace('>p;', '>');
이렇게 되면 strValue2 의 값은 step1 > step2 > step3 로 값이 나타납니다. 즉 처음 단어 하나만 변경이 되는 것입니다. 그러나 이것은 제가 원하는것이 아니라 모든 > 에 대해서 > 표시로 바꾸고 싶은 것이지요. 그래서 이때는 정규 표현식을 도입?을 해야합니다. 그래서 다시 변경을 해보면..
var strValue2 = strValue1.replace(/>p;/gi, '>');
위와같이 ' 대신에 / 으로 변경할 문자열을 감싸주고 맨 끝에 gi 를 붙이면 됩니다.
그러면 모든 문자열에 대해서 변경이 가능합니다.
즉 결과는 step1 > step2 > step3 으로 나타나게 됩니다.
[정규식의 gi 설명]
* g : 발생할 모든 pattern에 대한 전역 검색
* i : 대/소문자 구분 안함
* m: 여러 줄 검색 (참고)
반응형
'IT News > jQuery' 카테고리의 다른 글
[반응형 웹] 웹브라우저가 변경될때 이미지 사이즈에 따른 높이값 변경 (0) | 2016.04.29 |
---|---|
jQuery 스크롤 이벤트 및 스크롤 위치 및 본문 사이즈 값에 관련된 소스 (0) | 2014.03.28 |
jQuery 체크박스(checkbox) 의 모든 것 (0) | 2013.12.10 |