반응형
자료형
변수에 저장할 수 있는 자료형은 다음과 같습니다.
- 문자열: String
- 숫자형: Number
- 논리형: Boolean
- 빈 데이터: undefined
자료형 구하기: typeof
지정한 테이너 또는 변수에 저장된 자료형을 알고 싶을 때 typeof를 이용하면 구할 수 있습니다.
let num = 5;
let str = "문자열";
let obj = {name: 'kim', age: 25};
console.log(typeof num); // numver
console.log(typeof str); // string
console.log(typeof obj); // object
문자열
- 문자열 → 숫자
- Number(): Number("100"), Number(" ") 빈 문자열인 경우 0 반환
- 단항 + 연산자: let x = + y;
이때 y는 let y = "10" 숫자인 문자열이어야 합니다. 만약 숫자로 변환할 수 없는 문자열인 경우도 오류 없이 연산은 되지만 값은 NaN이 반환됩니다.
숫자
- 숫자 → 문자열
- String(): String(5 + 6), String(55)
- toString(): (5 + 6).toString()
- toString(n): 을 사용하면 숫자를 n진수로 바꿔줍니다.
- 숫자 → 숫자
- num.toFixed(n): 소수점 n 이하 자릿수로 쓰여진 숫자를 문자열로 반환.
- num.toPrecision(n): 지정된 길이 n인 숫자를 문자열로 반환. 이때 (92.6).toPrecision(2) 인경우 93으로 반올림 해줍니다.
날짜
- 날짜 → 숫자
- const date = new Date(); // 현재 날짜와 시간 객체 반환
- Number(date)
- date.getTime()
- 날짜 → 문자열
- String(Date())
- Date().toString()
- 날짜 → 값 추출
- const date = new Date(); 날짜 객체를 생성한 후 사용할 수 있는 메서드들
getFullYear() / getMonth() / getDate() / getDay() / getHours() / getMinutes() / getSeconds() / getMilliseconds() / getTime() - Date.now()
Date 객체의 정적 메서드를 사용하여 1970년 1월 1일 이후의 밀리초 수 반환
- const date = new Date(); 날짜 객체를 생성한 후 사용할 수 있는 메서드들
Boolean
- Boolean → 숫자
- Number(false) / Number(true)
- Boolean → 문자열
- String(false) / String(true)
반응형
'Front-End > JS' 카테고리의 다른 글
JS 자바스크립트 배열(Array) + 배열을 다루는 내장 API들 소개 (0) | 2023.04.26 |
---|---|
JS 문자열 메서드 (0) | 2023.04.25 |
JS 호이스팅과 var, let, const 차이점 (0) | 2023.04.25 |
JS 현재 창 인쇄하기: window.print() (0) | 2023.04.25 |
JS 데이터 표시하는 방법(innerHTML, write(), console.log(), alert()) (0) | 2023.04.25 |