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
반응형
'Frontend > Javascript' 카테고리의 다른 글
[JavaScript] 템플릿 리터럴(Template Literal) (0) | 2023.08.07 |
---|---|
[JavaScript] toUpperCase(), toLowerCase() 메서드 (0) | 2023.06.27 |
[JavaScript] 불변성(Immutability)을 유지하는 방법 (0) | 2023.06.25 |
[JavaScript] 불변성(Immutability) vs 가변성(Mutability) (0) | 2023.06.24 |
[JavaScript] =, ==, === 차이 (0) | 2023.06.22 |