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 | 새 줄 |
| \티 | 탭 |
| \\ | 백슬래시 |
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);
// 안녕하세요~ 반갑습니다!
// 저는 \홍길동\입니다.
– ${} 상수, 변수, 표현식 등을 삽입할 수 있습니다.
– 다른 데이터 유형도 사용5월
const NAME = '홍길동';
let age = 20;
let married = false;
console.log(
`제 이름은 ${NAME}, 나이는 ${age}세구요, \
${married ? '기혼' : '미혼'}입니다.` // married 값이 true 이면 기혼, false 이면 미혼을 반환
); // 제 이름은 홍길동, 나이는 20세구요, 미혼입니다.
정리 참조
https://www.yalco.kr/@javascript/2-3/
문자열 – 텍스트 데이터
어려운 코딩 개념을 알기 쉽게 설명하는 슬림코딩사전 유튜브 채널입니다. 비디오에서 다루지 않은 정보, 자주 묻는 질문에 대한 답변 및 샘플 코드는 Yalco를 확인하십시오!
www.yalco.kr
