Javascript string 다루기 : replaceAll

참고 페이지 :  http://www.w3schools.com/,  http://nalpari.tistory.com/152

이런저런 언어들을 공부하다 보니 이젠 뭐가 뭔지 헷갈릴 지경이 되었다. 특히나 php는 비록 스크립트 언어는 아니지만 웹에 구현이 바로바로 되다 보니 무지 익숙해졌는데, 여기에 javascript를 더하면 아주 괜찮은 액션이 나온다.

그러는 과정에서 변수를 나르는 string 변수의 조작은 무척 중요한 내용이 아닐 수 없다. (물론 array나 다른 것들도 마찬가지이지만...) W3School에 적절한 예제들과 요소들의 성질이 나와 있으니 참고하면 되지만, 때때론 팁이 필요한 경우가 있다.

점검을 하면서 코딩을 해야 하는데, 이번에는 그저 php와 액션이 같겠거니 하고 짐작한 바 아주 다른 한 요소를 발견했다. php에서 str_replace("old", "new", "string")은 string 내의 모든 old 들을 new로 바꾸어주는데, 이와 비슷한 javascript의 .replace('old', 'new')는 처음 만나는 old만을 new로 바꾸어준다. 다 바꾸고 싶을 때는 다음과 같은 코드를 쓴다.

str.replace(/o/gi, 'new');

/ / 사이에 있는 문자를 매칭시켜 new로 바꾸어 주는 것이고, gi는 문자열 끝까지 반복하는 거란다. / / 사이에 들어가는 것은 단일 문자든 문장이든 공백을 포함해서 인식하는 것 같다.