Template Literals 문자 순서 바꾸기

 

let hats = 50;
let shirts = 100;

function switch(str, ...vars) {
	console.log(`${str[0]} ${vars[0]} ${str[1]} ${vars[1]}`);
}

switch`모자 재고: ${hats} 셔츠 재고: ${shirts}` // 모자 재고: 50 셔츠 재고: 100

위 같이 출력이 되는 상황에서 '모자'와 '셔츠'의 위치를 바꾸고 싶을 때 Template Literals를 사용하면 된다.

function switch(str, ...vars) {
	console.log(`${str[1]} ${vars[0]} ${str[0]} ${vars[1]}`);
}

switch`모자 재고: ${hats} 셔츠 재고: ${shirts}` // 셔츠 재고: 50 모자 재고: 100