본문 바로가기
Frontend/Javascript

[JavaScript] \을 사용한 이스케이프 시퀀스

by hyeok1235 2023. 6. 26.

JavaScript에서도 역슬래시(\) 문자를 통해서 특수문자나 입력 불가능한 문자들을 표현합니다. 이러한 표현 방법을 이스케이프 시퀀스(Escape Sequence)라고 합니다.

 

다음은 유형별로 정리한 이스케이프 시퀀스의 예시들입니다.

 

    1) 화이트 스페이스

코드 \n \t \v \f
출력 개행(줄바꿈) 수평 탭 수직 탭 폼 피드(페이지 나누기)

 

    2) 특수문자

특수문자들은 단순히 역슬래시를 앞에 붙이게 되면 해당 특수문자를 표현하게 됩니다. 

[예시] 

\^, \$, \\ \', \", \|, \/

※ JavaScript에서는 작은따옴표 문자열과 큰따옴표 문자열을 구분하지 않습니다. 따라서 모든 이스케이프 문자는 작은따옴표나 큰따옴표 상관없이 작동합니다.

 

    3) 유니코드 문자

이스케이프 시퀀스를 통해서 16진수로 표시된 Unicode 문자를 표현할 수 있습니다.

코드 \xDD \uDDDD \u{DDD}
출력 2자리 16진수로 표시된
Latin-1 문자
4자리 16진수로 표시된
Unicode 문자
1~6자리 16진수로 표시된
Unicode 문자

 


* 긴 문자열에서 역슬래시의 활용

이스케이프 시퀀스를 설명하면서 역슬래시를 다루었기 때문에, 겸사겸사 역슬래시의 다른 활용법을 소개하겠습니다.

문자열을 작성하는데 너무 길어져서 여러 줄로 나누고 싶어지게 됩니다. 이때 역슬래시 문자를 각 줄의 맨 끝에 붙이면 내용에 영향을 주지 않으면서 여러 줄로 작성한 것처럼 보이게 됩니다.

let longlongStr1 = "Lorem ipsum dolor sit amet, \
consectetur adipisicing elit, \
sed do eiusmod tempor incididunt \
ut labore et dolore magna aliqua.";

 

 

만약 역슬래시 문자 뒤에 공백을 포함한 어떠한 문자라도 붙으면 제대로 작동하지 않고 내용에 영향을 줄 수 있다는 것을 주의해야 합니다!

 

(물론 + 연산자를 활용해서 긴 문자열을 표현할 수도 있습니다.)

let longlongStr2 = "Lorem ipsum dolor sit amet, " + 
    "consectetur adipisicing elit, " + 
    "sed do eiusmod tempor incididunt " + 
    "ut labore et dolore magna aliqua.";
728x90
반응형