[TIL] JS 기본편 - 자료와 변수

👉🏼 KIM·2023년 5월 15일
0

TIL

목록 보기
2/9
post-thumbnail

불 자료형으로 변환하기

대부분의 자료는 불로 변환했을 때 true로 변환된다.
다만 0, NaN, '...' 혹은 "..."(빈 문자열), null, undefined라는 5개의 자료형은 false로 변환된다.
이 5가지는 꼭 외워서 기억하자!

문자열 연산자를 사용해 자료형 변환하기

String() 함수를 사용하지 않고도 다른 자료형을 문자열 자료형으로 변환할 수 있다. 바로 문자열 연결 연산자(+)를 사용하면 된다. 문자열이 아닌 다른 자료에 빈 문자열을 연결하면 문자열 자료형으로 변환한다.


자료형 변환 확인문제

숫자를 입력받아 cm를 inch 단위로 변경하기

//숫자를 입력받습니다.
const numberInput = prompt("cm단위 숫자를 입력하세요");

//입력을 숫자로 변경하고 inch 단위로 변경합니다.
const cm = Number(numberInput);
const inch = cm / 2.54;//1 인치는 2.54 센치미터(㎝)

//출력합니다.
alert(`${cm}cm은 ${inch}inch입니다.`);


원의 반지름을 입력받아 원의 넓이와 둘레 구하기

//숫자를 입력 받습니다.
const circleRadiusNumber = prompt("원의 반지름을 입력해주세요.");

const circleArea = 3.14 * circleRadiusNumber * circleRadiusNumber;
const circleRound = 2 * 3.14 * circleRadiusNumber;

alert(
  `원의 반지름: ${circleRadiusNumber}\n원의 넓이: ${circleArea}\n원의 둘레: ${circleRound}`
);


현재 환율을 기반으로 숫자를 입력받아 달러(USD)에서 원화(KRW)로 환율을 변환하기 (현재 환율은 1달러 = 1,339원)

//숫자를 입력받습니다. 
const money = prompt("달러 단위의 금액을 입력해주세요.");

const doller = 1339;
const won = money * doller;

alert(`달러: ${money}\n-> 원화: ${won}`)


마무리

자바스크립트 기본편 Chapter 02. 자료와 변수 파트를 다 읽고, 손코딩도 직접 해보았다.
간단한 예제들이었지만 늘 복붙만 했던 것들을 직접 써보니 재밌다 ㅎㅎ
아직은 앞장이라서 재밌게 하고 있지만 점점 어려워지겠지.. 바로 다음부터 조건문이다^^ 함수 들어가고 배열, 객체 들어가면 복잡해지겠지만 선물받은 책인 만큼 열심히 정독하고 완독을 향해 달릴것이다!

profile
프론트는 순항중 ¿¿

0개의 댓글