"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 : 문자열 내에서 자바스크립트 코드를 혼용할 수 있게 하는 것
'개발 > 자바스크립트' 카테고리의 다른 글
| const와 let 그리고 고인물이 된 var까지 알아봅시다. (0) | 2021.04.10 |
|---|---|
| [자바스크립트] if 조건을 사용할 때, false가 나오는 경우는 언제일까요? (0) | 2021.03.26 |
| [자바스크립트] Object.freeze()를 통해 변경할 수 없는 객체를 만들어요 (0) | 2020.07.27 |
| [자바스크립트] 객체에서 키(key) 또는 값(value)만 따로 배열로 뽑기?! (0) | 2020.07.27 |
| [Javascript] 자바스크립트 화살표 함수에서 리턴 생략하기 (0) | 2019.02.17 |
