자바스크립트 문자열 바꾸기, 변경하기 javaScript replace() method

자바스크립트 문자열 바꾸기, 변경하기 javaScript replace() method

 

자바스크립트 replace() 메소드는 특정값을 찾아 다른 값으로 바꿀 때 사용된다.

 

- 사용방법

문자열.replace("찾을문자열", "바꿀문자열);

 

예)

<script>
function replaceFunction() {
    var str = "I love football";
    var txt = str.replace("foot","base");
    document.write(txt);
}
</script>

 

I love football 에서 foot 문자열을 찾아 base로 변경한후 출력한다.

결과는 I love baseball

 

그러나 replace() 메소드는 1회성이라 저렇게만 한다면 하나의 문자열만 찾아 치환한다.

 

예)

<script>
function replaceFunction() {
    var str = "I love football, football!, football!!!";
    var txt = str.replace("foot","base");
    document.write(txt);
}
</script>

 

위와같이 football 이 3번 있을 때 위와같이 replace()메소드를 사용하면 첫번째 값만 변경하게 된다.

결과는 I love baseball, football!, football!!!

 

그렇다면 중복된 값을 모두 변경하려면 어떻게 해야 될까?

아래와 같이 따옴표(") 를 슬러시(/)로 바꿔 정규식 형태로 변경하고 g옵션을 주면 된다.

그럼 모든 문자열 패턴을 검색해 변경한다.

 

<script>
function replaceFunction() {
    var str = "I love football, football!, football!!!";
    var txt = str.replace(/foot/g, "base");
    document.write(txt);
}
</script>

 

결과는 I love baseball, baseball!, baseball!!!