본문 바로가기
HTML + CSS + 자바스크립트

문자열에 ''(작은 따옴표), ""(큰 따옴표) 넣으면 에러 해결하기

by Ellie.P 2023. 12. 4.
반응형

문자열은 큰따옴표("") 또는 작은따옴표('')로 정의합니다.

라는 문자를 출력하고 싶다.

 

문자열을 작성할 때는 큰따옴표("") 혹은 작은따옴표('')로 감싸면 된다.

출력 결과

문자열에 큰따옴표가 포함될 경우에는 작은따옴표 안에 문자열을 넣어주면되고,

문자열에 작은따옴표가 포함될 경우에는 큰따옴표 안에 문자열을 넣어주면된다.

하지만

이렇게 문자열에 큰따옴표, 작은 따옴표 모두 포함되었을 경우 에러가 발생한다.

방법 1. 문자열 연결 연산자 활용

let str = '문자열은 큰따옴표("") 또는 작은따옴표(' + "'')로 정의합니다.";
console.log(str);

출력 결과

방법2. 이스케이프 문자(\) 활용

let str = "문자열은 큰따옴표(\"\") 또는 작은따옴표('')로 정의합니다.";
console.log(str);

출력 결과

방법3 . 템플릿 문자열(백틱(`)) 활용

let str = `문자열은 큰따옴표("") 또는 작은따옴표('')로 정의합니다.`;
console.log(str);

출력 결과

백틱 활용하기

const data = "문자열";
let str = `${data}은 큰따옴표("") 또는 작은따옴표('')로 정의합니다.`;
console.log(str);

출력 결과

 

위와 같이 3가지 방법으로 코드를 작성하면 따옴표 안에 따옴표를 작성하면 발생하는 에러를 해결할 수 있다 👍

반응형