Script/JavaScript

[JavaScript] 데이터 타입_문자열(string)

hhnn 2021. 8. 6. 16:02

 

문자열을 감쌀때는
"" (쌍따옴표)
''  (홑따옴표)
``  (백틱, backtick 또는 backquote)
으로 감싸주어야 한다.

 

 

서로 짝이 맞아야 하며 시작과 끝이 다를 경우 문제가 발생한다.

 

" ~ ' 로 짝이 맞지 않을 경우 syntaxError(구문오류) 발생

 

 


📌문자열 안에서 따옴표 사용하기

문자열 안에 작은따옴표를 넣어야 할 경우

📎 결론은 다른 종류의 따옴표를 넣어야 한다.

 

 

동일한 종류의 홑따옴표를 넣을 경우 오류가 뜬다

 

🤢오류가 나는 이유

보라색 박스까지만 인식하고 그 뒤에 나오는 부분은 인식을 하지 못하기 때문이다.

 

 

🛠해결하기 위해서는?

다른 종류의 따옴표를 넣는다.

" ' ' " 또는 반대로 ' " " ' 이런 식

 

🛠또 다른 방법

동일한 따옴표로 해야 하겠다면?

 

역슬래시를 앞에 넣어서 문자열 내부의 따옴표를 별도로 처리해야 한다. (따옴표를 이스케이핑 한다고 함)

 

**이스케이핑이란?

 html 코드 및 태그를 html 언어가 아닌 일반 문자로 해석되어 표시되게 하는 것


 

📌문자열 여러 줄로 나타내기

tip. 콘솔창에서 shift + Enter 를 누르면 줄바꿈 가능

 

 

백틱으로 감싼 문자열은 템플릿 리터럴(template literal)이라고 한다.

줄바꿈을 할때는 백틱 문자열이 편하다. n 문자를 사용하지 않아도 줄바꿈이 된다.

 

줄바꿈하지 않았는데 줄바꿈이 된 모습

 


📌문자열 합치기

문자열이 길어질 경우 줄바꿈을 해서 깔끔하게 코드를 작성한다.

반응형
SMALL