연산자(Operators) (2) - 문자열 관련

자바스크립트 연산자로 다양한 작업을 할 수 있다.

문자와 관련된 연산자 활용법에는 문자열 연결(String Concatenation), 템플릿 리터럴(Template literal), 그리고 typeof 연산자가 있다. 

 

문자열 연결(String Concatenation)

더하기(+) 연산자는 문자열을 잇는데도 사용된다. 

console.log('h' + 'i'); // output: hi
console.log('wow' + '!'); // output: wow!

// 띄어쓰기를 원한다면 공백을 추가해줘야 함
console.log('Hello' + ' World!'); // output: Hello World!
console.log('no' + 'space'); // output: nospace
console.log('middle' + ' ' + 'space'); // output: middle space

변수명으로도 문자열 연결이 가능하다. 

let myPet = 'corgi';
console.log('I own a dog ' + myPet + '.'); // output: I own a dog corgi.

 

템플릿 리터럴(Template literal)

ES6부터 백틱(backticks)을 사용한 템플릿 리터럴을 이용해 문자열에서 +를 사용하지 않아도 새로운 문자열을 삽입할 수 있는 문자열 인터폴레이션(String Interpolation)이 가능하다. 

const myPet = 'corgi';
console.log(`I own a dog ${myPet}.`); // output: I own a dog corgi.
// 백틱은 키보드에서 숫자 1 왼쪽에 있다

해당 표현은 따음표를 착각할 잘못을 줄여주고, 더 쉽게 작성할 수 있게 해준다.

 

typeof 연산자(typeof Operator)

const var1 = 'hi';
console.log(typeof var1); // output: string

const var2 = 10;
console.log(typeof var2); // output: number

const var3 = true;
console.log(typeof var3); // output: boolean

typeof 연산자는 변수의 데이터타입을 알려주는 연산자이다.