자바스크립트에서 문자열을 선언하는 방법은 문자열 리터럴로 선언하는 방식과, string 전역 객체로 생성하는 방식 그리고 템플릿 리터럴으로 선언하는 방식이 존재한다.
문자열 리터럴
var text1='text';
var text2="text";
String 전역 객체
var string= String(123);//'123'
템플릿 리터럴
var template=`${'template'}_text`//template_text문자열은 텍스트 형태로 표현될 수 있는 데이터를 보관하는 데 유용하다.
문자열에서 많이 사용되는 작업들은 문자열의 길이를 확인하는 (length),문자열을 생성하고 연결하는 +와+=문자열 연산자, 서브문자열(substring)이 있는지 확인하고, 있으면 위치를 확인하는 indexOf()메서드, 서브문자열(substring)을 추출해내는 substring() 메서드가 있다.
Template literals
내장된 표현식을 허용하는 문자열 리터럴.
템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅등 다양한 기능을 제공.
백틱(`)(grave accent)로 감싸준다.
ex) let a = 20;
let b = 8;
let c = "자바스크립트";
let str = `저는 ${a+b}살이고 ${c}를 좋아합니다.`;
console.log(str); //저는 28살이고 자바스크립트를 좋아합니다.
template literals 이용해 변수와 string 동시 작성해보기!
var name="클로이";
var job="프로그래머";
var hobby="영화보기";
console.log(
`안녕하세요 저의 이름은 "${name}"입니다.
직업은"${job}이구요
취미는"${hobby}"입니다.`
)
출력--> 안녕하세요 저의 이름은"클로이"입니다.
직업은"프로그래머"이구요
취미는"영화보기"입니다.
Front-end Developer 👩🏻💻