문자열(string) - 텍스트 데이터

1. 기본 표기방법

- 작은따옴표 : ' '

let word = '안녕하세요! 🙂';
console.log(word); // 안녕하세요! 🙂

- 큰따옴표 : " "

let word = "반갑습니다~ 👋";
console.log(word); // 반갑습니다~ 👋

---

(1) 문자열 안에 따옴표 사용

- 작은따옴표 / 큰따옴표를 를 중복해서 사용할 수 없다.

- 중복해서 사용하려면 이스케이프 표현을 사용한다.

// 가능한 경우
let word1 = '작은따옴표 안에 "큰따옴표" 사용';
let word2 = "큰따옴표 안에 '작은따옴표' 사용";

console.log(word1, word2); // 작은따옴표 안에 "큰따옴표" 사용 큰따옴표 안에 '작은따옴표' 사용

// ⚠️ 오류 발생
let word1 = '작은따옴표 안에 '작은따옴표' 사용';
let word2 = "큰따옴표 안에 "큰따옴표" 사용";

console.log(word1, word2); // Uncaught SyntaxError: Unexpected identifier '작은따옴표'

중복 사용을 위한 이스케이프 표현 : 역 슬래시( \ ) 사용

// ⭐️ 이스케이프 표현(escape sequence)
let word1 = '작은따옴표 안에 \'작은따옴표\' 사용';
let word2 = "큰따옴표 안에 \"큰따옴표\" 사용";

console.log(word1, word2); // 작은따옴표 안에 '작은따옴표' 사용 큰따옴표 안에 "큰따옴표" 사용

자주 사용되는 이스케이프 표현

\'	작은따옴표
\"	큰따옴표
\n	줄바꿈
\t	탭
\\	백슬래시

 

let word = '안녕하세요~\t\t반갑습니다!\n저는 \\홍길동\\입니다.';

console.log(word); 
// 안녕하세요~		반갑습니다!
// 저는 \홍길동\입니다.

---

(2) 긴 문자열을 여러 줄에 표현

- 콘솔 창에서 엔터키를 누르면 다음 줄로 넘어가지 않고 바로 실행이 되는데, 이때 역 슬래시( \ ) 를 사용해 긴 문자열을 여러 줄에 표현할 수 있음

let longString = '안녕하세요 제 이름은 rose 입니다. \
저는 17살 고등학생 입니다. \
저는 이과생 입니다. \
저희 반은 총 28명 입니다.';

console.log(longString); 
// 안녕하세요 제 이름은 rose 입니다. 저는 17살 고등학생 입니다. 저는 이과생 입니다. 저희 반은 총 28명 입니다.

콘솔 창에 입력할 때 줄바꿈이 가능한 것이고 출력되는 값은 줄바꿈이 실행되지 않음

---

2. 백틱 : ` `

- 문자열 안에서 탭과 줄바꿈을 그대로 사용할 수 있음

let word = `헬로헬로~ 🤩`;
console.log(word); // 헬로헬로~ 🤩

let word = `안녕하세요~		반갑습니다!
저는 \\홍길동\\입니다.`;

console.log(word);
// 안녕하세요~		반갑습니다!
// 저는 \홍길동\입니다.

- ${ } 안에 상수나 변수, 표현식 등을 삽입할 수 있음

- 다른 자료형도 사용할 수 있음

const NAME = '홍길동';
let age = 20;
let married = false;

console.log(
`제 이름은 ${NAME}, 나이는 ${age}세구요, \
${married ? '기혼' : '미혼'}입니다.` // married 값이 true 이면 기혼, false 이면 미혼을 반환
); // 제 이름은 홍길동, 나이는 20세구요, 미혼입니다.

 

정리 참조

https://www.yalco.kr/@javascript/2-3/

문자열(string) - 텍스트 데이터