자바스크립트로 공백제거(replace, trim)

    728x90
    반응형

    자바스크립트에서 문자열의 공백을 제거하고싶을때 상황에 맞게 replace 와 trim 을 이용하여 공백을 제거 할 수 있습니다.

     

     

    replace


    var a = "가 나 다 라 마 바 사 "
    
    a.replace(" ","")
    //"가나 다 라 마 바 사 "
    
    a.replace(/ /g,"")
    //"가나다라마바사"

    위와같이 replace 를 이용하면 공백을 빈값으로 바꾸어 제거하는것과 같은 효과를 볼 수 있습니다.

     

    다만, 문자열의 모든 공백을 제거하기 위해선 정규식을 사용해야합니다.

     

    정규식에서 / /사이의 값을 replace의 두번째 인자값으로 교체가 가능하며, 뒤에붙는 g는 문자열의 모든 / / 사이의 값을 바꿔줍니다.

    var b = "A가a나A다a"
    
    b.replace(/a/g,"")
    //"A가나A다"
    
    b.replace(/a/gi,"")
    //"가나다"

    replace는 문자를 교체하는것이기 때문에 공백이 아니라도 가능합니다.

     

    위와같이 a라는 문자를 공백으로 교체를 하기위해 정규식을 사용하였는데, g만 사용하면 같은 문자라도 대소문자를 가립니다.

     

    따라서 i 옵션을 주어 대소문자를 모두 포함시킬 수 있습니다.

     

     

     

    trim


    var a = " 가 나 다 라 마 "
    
    a.trim()
    //"가 나 다 라 마"

    trim은 위와같이 앞과 뒤쪽의 공백을 제거하여 줍니다.

     

     

    참고

    https://dpdpwl.tistory.com/113

     

    [JS] 자바스크립트 공백제거(replace,trim)

    자바스크립트에서 문자열의 공백을 제거하고싶을때 상황에 맞게 replace 와 trim 을 이용하여 공백을 제거 할 수 있습니다. replace var a = "가 나 다 라 마 바 사 " a.replace(" ","") //"가나 다 라 마 바 사.

    dpdpwl.tistory.com

     

    728x90
    반응형

    댓글