[JavaScript] 문자열 내 따옴표 표현하기

목차

1. 백슬래시(\) 사용하기

2. 백틱(`) 사용하기

 

 

다른 언어와 비슷하게 자바스크립트도 문자열을 따옴표로 감싸서 표현한다.

이 때 문자열 내에서 따옴표를 표현하고 싶으면 어떻게 해야할까?

// 작은 따옴표, 큰 따옴표 상관없지만 pair를 맞춰야 한다.
console.log("Hello, World!"); // Hello, World!

console.log('Hello, World!'); // Hello, World!

// Error ❌
console.log("Hello "My Name" is Duck!")

 

 

1. 백슬래시(\) 사용

console.log("Hello \"My Name\" is Duck!"); // Hello "My Name" is Duck!

console.log("Hello \'My Name\' is Duck!"); // Hello 'My Name' is Duck!

따옴표 바로 앞에 백슬래시(\)를 표기하여 문자열로서의 따옴표라는 것을 인식하게 한다.

 

 

 

2. 백틱(`) 기호 사용

// ` 기호(키보드 자판 1 왼쪽)로 문자열을 감싼다.
console.log('Hello "My Name" is Duck!'); // Hello "My Name" is Duck!

console.log('Hello 'My Name' is "Duck"!'); // Hello 'My Name' is "Duck"!

 

 

정리

문자열 내의 따옴표 앞에 백슬래시(\)를 붙이거나 또는 백틱(`) 기호로 문자를 감싼다.

개인적으로 자바스크립트에서 백틱(`) 기호로 문자열을 편리하게 표현할 수 있어서 주로 이 방법을 쓰고 있고,

역슬래시(\) 방법은 파이썬처럼 다른 언어에서도 주로 쓰이는 방법이라 기억하기 쉬운 것 같다.