to start with..

어제 비오고 힘들다는 핑계로 공부를 별로 하지 못한 내자신을 반성한다.. 비록 현충일이긴 하지만 다시 월요일이 시작된만큼 새로운 마음으로 자바스크립트를 미친듯이 복습하겠다. 오늘의 TIL은 형변환!

형변환이란?

• 문자를 숫자로, 숫자를 문자로 변환하는 작업
• 문자형 10 과 숫자형 10은 다른것이기에 상황에 맞게 변환해주어야 우리가 원하는 값을 얻을수있다! 밑에 예시를보자

age = "10" +10;
console.log(age) // "1010"

• 위의 상황에서 우리는 20이라는 값을 얻고싶은데 문자열 '1010'이라는 값을 얻었다.

age = parseInt("10") +10;
console.log(age) // 20

• 이런식으로 형변환을해야 원하는값을얻을수있다! (코드카타때 배워놨던 parseInt 어서오고~)
• 상황에 맞게 적절한 형변환이 필수~!

형변환의 종류

암시적 형변환

• 자바스크립트에 의해 자동으로 형변환이 일어나는것
• 위에 예시에서 보면 나는 숫자 10을 문자열로 바꿔달라고 한적이 없는데 자바스크립트가 알아서 바꿔주었다. 이런것을 암시적 형변환이라고함!

암시적 형변환의 종류

• 숫자형+ 문자형 = 문자형

let a = 10 + '10'; // a는 문자 "1010"

• 불린형 + 문자형 = 문자형

let a = true + '10'; // a는 문자 "true10"

• 불린형 + 숫자형 = 숫자형

let a = true + 10; // a는 숫자 11

내가 암시적 형변환을 통해서 숫자를 문자로 형변환하고싶으면 let result = 숫자 + ""; 를 사용하면되고 문자를 숫자로 형변환하고싶다면 let result = 문자 *1을 해주면된다!

명시적 형변환

• 개발자가 직접 스크립트를 이용해서 어떤 형으로 바꿀지 명시해주는것
• 암시적 형변환과 명시적 형변환의 가장 큰 차이점은 명시적 형변환의 경우 모든 형변환은 전역함수 또는 특정 클래스에서 제공하는 메서드를 이용해서 처리됨.

명시적 형변환의 종류

문자 => 숫자

• 정수형 parseInt()

let a = '123'
parseInt(a)// 123

• 실수형 parseFloat()

let a = '123.456'
parseInt(a)// 123.456

• 노상관 number()

숫자 => 문자

• String()

console.log(String(10)); // '10'

• toString()

let test = 10;
console.log(test.toString());// "10"

사용법이다르니 확인하기!