JavaScript 문자열 이스케이프 문자?

소개

JavaScript에서 문자열로 작업할 때 때때로 어떤 방식으로든 문자열을 분해하고 싶을 때가 있습니다. 이 문제를 해결하는 데 사용할 수 있는 이스케이프 문자가 있습니다.

\' 작은따옴표

\” 큰따옴표

\n 줄 바꿈

\백슬래시

인용 부호

문자열로 작업할 때 문자열 내에서 따옴표를 사용하려는 경우 문자열 내부의 따옴표에 대해 문자열을 감싸는 것과 동일한 따옴표를 사용할 수 없습니다. 몇 가지 예를 살펴보겠습니다.

const quote = "A famous quote is "I think, therefore I am" "
//Returns ---> Uncaught SyntaxError: Unexpected identifier
const secondQuote = 'A famous quote is 'I think, therefore I am' ';
//Returns ---> Uncaught SyntaxError: Unexpected identifier

위의 예에서 우리는 식별자 quote를 사용하여 변수를 선언하고 큰따옴표로 묶인 따옴표를 포함하는 큰따옴표로 묶인 문자열을 여기에 할당합니다. 다음으로 동일한 단계를 다시 반복하지만 이번에는 작은따옴표를 사용하는 secondQuote라는 두 번째 변수를 만듭니다. 둘 다 구문 오류를 반환합니다. 이 문제를 해결하는 한 가지 방법은 아래 예와 같이 인용에 다른 인용 부호를 사용하는 것입니다.

const quote = "A famous quote is 'I think, therefore I am' "
const secondQuote = 'A famous quote is "I think, therefore I am" ';

위의 예에서 변수 quote 안에 저장된 문자열은 따옴표에 작은따옴표를 사용하고 문자열에 큰따옴표를 사용합니다. secondQuote 변수의 문자열은 문자열에 작은따옴표를 사용하고 따옴표에 큰따옴표를 사용합니다. 이 두 가지 모두 작동합니다. 또는 아래 예와 같이 이스케이프 문자를 사용할 수 있습니다.

const quote = "A famous quote is \"I think, therefore I am\" "
const secondQuote = 'A famous quote is \'I think, therefore I am\' ';

위의 예에서는 quote 변수 안에 저장된 문자열의 시작과 끝에 백슬래시와 큰따옴표를 사용합니다. 동일한 단계를 반복하지만 secondQuote 변수 안에 저장된 문자열에 백슬래시와 따옴표를 사용합니다.

이것이 유용한 또 다른 경우는 문자열 내에서 아포스트로피를 사용하려는 경우입니다.

const phrase = 'You\'ve had eight cookies';
//Returns ---> "You've had eight cookies"

개행

문자열을 여러 줄로 나누려는 경우 사용할 수 있는 한 가지 옵션은 개행 문자를 사용하는 것입니다. 새 줄을 표시하려는 위치에 배치합니다. 예를 들어 보겠습니다.

"Monday, Tuesday, Wednesday";
//Returns ---> 'Monday, Tuesday, Wednesday'
"Monday,\nTuesday,\nWednesday";
//Returns ---> 
"Monday,
Tuesday,
Wednesday"

백슬래시

문자열 내에서 백슬래시를 사용하려면 두 개의 백슬래시 문자를 사용해야 합니다. 이스케이프 문자를 사용할 때 백슬래시를 사용한다고 가정하면 문자열에 백슬래시 하나만 사용할 수는 없습니다. 몇 가지 예를 살펴보겠습니다.

"Hello \";
//Returns ---> Uncaught SyntaxError: Invalid or unexpected token
"Hello \\";
//Returns ---> 'Hello \'