본문 바로가기
programming/javascript

자바스크립트 이스케이프 특수 문자 처리 하기 javascript escape character

by 개코 - 개발과 코딩 2021. 11. 3.

자바스크립트 문자열을 사용할 때 특수문자를 이용하여 문자열을 강조하고 싶을 때가 있다. 하지만 쌍따옴표나 따옴표는 자바스크립트에서 문자열을 나타내는 키워드 기호로써 사용된다. 당연히 기능적으로 에러를 나타낸다. 이런 특수기호를 사용하기 위해서는 자바스크립트에서 백슬러시 ( \ ) 기호와 함께 사용하도록 하고 있다.

자바스크립트 이스케이프 특수 문자 처리 하기
javascript escape character

자바스크립트에서 문자열을 처리할 때 특수문자들이 필요할 때가 있다.

쌍따옴표 라던지 단일따옴표가 대표적이다.

이 외에도 줄바꿈이나 탭 중의 문자들도 들어갈 수 있다.

이런 특수문자들을 이스케이프 문자라 하며 이들을 사용하기 위해서는 백슬러시 ( \ ) 기호와 함께 사용한다.

특수문자 이스케이프 처리 방법

자바스크립트에서 특수문자들을 처리하기 위해 백슬러시를 사용한다.

자바스크립트 문자열은 쌍따옴표 또는 단일따옴표를 사용한다.

하지만, 특정문자에 따옴표를 사용하면 문자열로 인식하지 못하고 에러를 나타낸다.

그렇기에 이런 문자들을 특수문자인 이스케이프로 하여 백슬러시와 함께 사용하도록 하였다.

<!DOCTYPE html>
<html>
    <body>

        <h1>자바스크립트 특수문자</h1>

        <script>

            let vStr1 = "파이썬 \"자바스크립트\" 웹프로그래밍";
            let vStr2 = "파이썬 \'자바스크립트\' 웹프로그래밍";
            let vStr3 = "파이썬 \\자바스크립트\\ 웹프로그래밍";

            console.log(typeof(vStr1), vStr1);
            console.log(typeof(vStr2), vStr2);
            console.log(typeof(vStr3), vStr3);

            console.log("----------");

        </script>
        
    </body>
</html>

위의 코드에서 백슬러시를 이용해 특정단어에 강조표시인 따옴표를 표시하도록 하였다.

결과화면을 보도록 하자.

자바스크립트 단어에 강조의 표시로 따옴표가 표시되는 것을 볼 수 있다.

 

반응형