[자바스크립트] 문자로 된 숫자를 찐 숫자로 바꾸는 방법은 무엇일까?

"12"는 문자일까 숫자일까?

 

String이므로 문자이다.

 

숫자로 사용하고 싶다면 어떻게 할까?

 

parseInt 함수 사용하는 방법도 있고, Number함수를 사용하는 방법도 있다.

 

이 둘 중에서는 Number함수를 사용하는 것이 좀 더 효율적이다. 빠르다고 해야할까?

 

static addZeros = numbers => numbers.map(number => {

 return Number(`${number}0`);

});

이 경우는 좀 특별한 경우이다.

 

[1,2,3,4,5,6,7] 배열이 있다고 가정하면

[10,20,30,40,50,60,70] 배열로 만들고 싶을 때 위와같이 작성하면 된다.

 

물론 복잡하게 하지말고 *10을 해도 되지만... 곱하지말고 0을 붙이라는 조건이 있다면? 

 

Number와 ` `를 혼합하여 사용하면 된다.

 

여기서 숫자를 문자열로 바꾸는 방법도 나왔다.

 

기존에는 ' ' 나 " "을 이용하여 문자열로 변환했다. 하지만 ES6가 나오면서 백틱이라 부르는

 

키보드 숫자 1 왼쪽에 있는 이 요상하게 생긴 것을 사용하면 된다.

 

이것이 정말 편한 이유는 이 안에 변수명 등을 문자열과 혼합하여 사용할 수 있기 때문이다.

 

문자열이 아닌 변수를 사용하고 싶다면 달러를 쓴 다음 $  중괄호를 열고 닫는다

 

${}

 

그리고 중괄호안에다가 변수를 작성하면, 문자열이 아닌 자바스크립트 코드로 인식하게 된다.

 

 

const string = `나의 나이는 ${age}이고, 사는 곳은 ${address}입니다.`;

 

이렇게 사용할 수 있다. 옛날 방식을 이용하면... 아래와 같이 썼었다. 더 길어지면 더더욱 복잡하다.

 

const string = "나의 나이는 " + age + "이고, 사는 곳은 " + address + "입니다."

 

그러므로 백틱을 잘 활용하자.

 

배운 것

 

1. Number 함수 : 문자열을 숫자로 변환해주는 함수

2. Backtick : 문자열 내에서 자바스크립트 코드를 혼용할 수 있게 하는 것