계발하는 개발자

[JS] 자바스크립트 문자열형(string type) 본문

📌 Language/Javascript

[JS] 자바스크립트 문자열형(string type)

dev_genie 2023. 1. 24. 00:10

자바스크립트에서 문자열이란

큰따옴표(" ")작은따옴표(' ')로 둘러쌓여진 값을 의미합니다.

 

주의할 점은 큰따옴표(" ")로 시작했으면 큰 따옴표로 마무리해줘야하고,

작은따옴표(' ')로 시작했으면 작은 따옴표로 마무리해줘야 합니다.

(※ 작은따옴표&큰따옴표 혼용 불가합니다 - ex. "string')

 

let str = "abc"; // 큰따옴표 
let str2 = 'def'; // 작은따옴표

console.log(str, str2);

위 처럼 시작과 끝 따옴표를 일치시켜줘야 결과를 정상적으로 출력합니다.

여기서는 

abc def 라는 값이 출력이 되겠네요

 

- - -

 

만약 내가 출력하고 싶은 문자열 안에 큰따옴표가 이미 들어있는 경우라면 어떨까요?

l"m Fine Thank You!

 

이 경우 포함되어있는 따옴표의 반대 따옴표로 문자열을 작성해주면 됩니다.

'I"m Fine Thank You!'

 

- - -

 

그렇다면, 작은 따옴표와 큰따옴표가 같이 있는 경우라면 어떨까요?

I'm Fine Thank You! "and you?"

 

이 경우 해당 따옴표의 반대되는 따옴표로 작성을 해도 에러가 발생하게 됩니다.

"I'm Fine Thank You! "and you?""

---------------------------------  ----------------

(의미 알 수 있는 부분)      (의미 알 수 없는 부분)

 

- - -

 

이 경우 이스케이프 문자를 사용해주면 문제를 해결할 수 있습니다.

자바스크립트에서 제공하는 이스케이프 문자로는 역슬래시(\)가 있습니다. 

"I'm Fine Thank You! \"and you?\""

문제가 되는 큰따옴표 앞에서 이스케이프 문자(\)를 사용해주면 정상 출력됩니다.

(역슬래시 포함된 부분을 순수한 큰따옴표로 인식함)

 

 

*이해에 도움이 됐던 강의 출처:

https://youtu.be/YvVU7gHxifE

 

LIST
profile

dev_genie

@dev_genie

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!