자바스크립트 내장객체 - 기본

정승옥(seungok)·2021년 2월 1일
0
post-thumbnail

1. 표준 내장 객체

  • 전역 스코프 안에 있는 객체들을 참조
  • 어떤 환경(브라우저, 서버)이라도 전역에서 사용 가능
  • 속성과 메소드가 정의되어 있음
  • 내장 함수 객체
    👉 몇몇 표준 내장 객체들은 new 키워드를 사용해 함수처럼 호출 가능

2. 확인하기

자료형 확인하기

const str = 'Steve';
const strObj = new String('Steve');

console.log(typeof str); // string
console.log(typeof strObj); // object
console.log(str instanceof String); // false
console.log(strObj instanceof String); // true
console.log(null instanceof Object); // false
  • typeof 을 통해 자료형 확인
    👉 원시자료형 string, number, boolean, undefined은 그대로 출력
    👉 내장객체 String, Number, Boolean, Function, Object는 object로 출력
    👉 원시자료형 null은 object로 출력
  • instanceof 를 통해 어떤 종류의 객체인지 확인
    👉 null은 Object를 상속받은 객체가 아니므로 instanceof에서 false 반환

NaN 값 확인하기

console.log(isNaN('JavaScript')); // true
console.log(Number.isNaN('JavaScript')); // false
  • isNaN 메소드는 NaN을 구별하여 true, false 반환
  • isNaN 과 Number.isNaN 구별
    👉 isNaN은 현재 값이 NaN 이거나 숫자로 변환했을때 NaN이 되면 true 반환
    👉 Number.isNaN은 현재 값이 NaN이어야만 true 반환

정수 확인하기

console.log(Number.isInteger(0)); // true
console.log(Number.isInteger(null)); // false
  • isInteger 메소드는 값이 정수인지 아닌지 확인
  • null, 무한대의 값, 정의하지 않은 산술 연산, 객체 등 false 반환

배열 확인하기

const myTeam = ['steve','bob','seungok'];
console.log(Array.isArray(myTeam)); // true
  • isArray 메소드는 배열 자료형 여부를 확인

3. 변환하기

숫자형 정수 & 실수형 숫자로 변환

console.log(parseInt('15')); // 15
console.log(parseInt('15',2)); // 1
console.log(parseInt(3.5)); // 3
console.log(parseFloat('5.55')); // 5.55
  • 어떤 내장함수 객체에 속하지 않은 전역에서 사용할 수 있는 내장 함수
  • parseInt
    👉 첫번째 인자에 있는 값을 숫자로 변환
    👉 두번째 인자는 진수로 첫번째 인자에 있는 값을 해당 진수로 변환하고 10진수 값으로 반환
  • parseFloat
    👉 대입된 값을 부동 소수점 숫자로 변환
profile
Front-End Developer 😁

0개의 댓글