[JavaScript] 내장 객체

내장 객체

자바스크립트의 내장 객체

• 특정 작업 수행이나 복잡한 기능을 담은 메서드와 속성을 제공

1. Number 객체의 기본 메서드

    1) toFixed()

• 소수점 이하 N자리까지만 출력 (반올림)

    2) isNaN(), isFinite()

• 각각 NaN인지 Infinity인지 확인

(isNaN)

let notNum = Number('숫자로 변환할 수 없는 값');

console.log(notNum);  // NaN
console.log(notNum === NaN);  // false: NaN 데이터는 비교연산자 사용이 불가

console.log(Number.isNaN(notNum));  //true

(isInfinity)

console.log(10 / 0);
console.log(-10 / 0);

let infinity = 10 / 0;
let minusInfinity = -10 / 0;

// in >> out
// isFinite: 유한한 숫자일 경우 true, 무한의 숫자일 경우 false
console.log(Number.isFinite(infinity));
console.log(Number.isFinite(minusInfinity));  // false
console.log(Number.isFinite(10)); // true

 

 

2. String 객체의 기본 메서드

    1) trim()

• 문자열 양쪽 끝의 공백(띄어쓰기, 줄바꿈 등)을 없애는 메서드

    2) split()

• 문자열을 특정 기호로 자르는 메서드 → 배열로 반환

    3) length()

• 문자열 길이를 반환
• 띄어쓰기, 줄바꿈도 한 개의 문자열로 인식

 

    4) toUpperCase(), toLowerCase()

• 모든 문자를 대문자 | 소문자로 변환

 

3. JSON 객체

• JavaScript Object Notation (자바스크립트 객체 표기법)

JSON 구조

• 기본 데이터 타입의 문자, 숫자, 배열, 불리언, 객체 등 모두를 포함
• 배열과 객체를 활용하여 자료의 형태를 구조화
• 'key - value' (키-값)의 쌍으로 데이터를 구성
• 순수한 텍스트 형식의 자료 → 키를 항상 따옴표로 작성
• 함수 사용이 불가
• 문자열은 큰 따옴표 사용을 권장

JSON 사용

• 서로 다른 시스템 간에 구조화된 데이터를 전송하는데 사용

(예제)

 

1) JSON.stringfy(자바스크립트 객체)

• 자바스크립트 객체를 JSON 문자열로 변환
• 데이터에 바로 적용 X → JSON 내장 객체에 사용하는 메서드

2) JSON.parse()

• JSON문자열을 자바스크립트 객체로 전환

 

4. Math 내장 객체

• 수학과 관련된 기본 연산의 객체

속성

1) PI : 3.141592653589793

 

메서드

1) Math.random() : 0이상 1미만의 난수 생성

2) Math.floor() : 숫자를 가장 가까운 정수로 내림

3) Math.sqrt() : 제곱근

 

 

5. Date() 객체

• 자바스크립트에서 날짜와 시간을 관리하기 위해 사용되는 내장 객체

날짜

1) new Date() : 현재 날짜와 시간을 반환

2) getDate() : '일'  (1 ~ 31)

3) getDay() : '요일' (일요일: 0 ~ 토요일: 6)

4) getFullYear(): '년도'

5) getMonth(): '월' (1월: 0 ~ 12월: 11)

 

시간

1) getHours():  '시' (0 ~ 23)

2) getMinutes(): '분' (0 ~ 59)

3) getSeconds(): '초' (0 ~ 59)

 

현지 날짜 표기 & 시간 표기

1) toLocaleDateString : 현지 날짜 표기

2) toLocaleTimeString : 현지 시간 표기

 

객체의 속성 존재 여부 확인

• 객체에 없는 속성에 접근 → undefined 자료형
• 조건문을 활용하여 undefined 여부 확인

if (object.name !== undefined) {
  console.log('name 속성 O');
} else {
  console.log('name 속성 X');
}

 

구조분해할당(다중 할당)

• 배열과 객체의 값을 한 번에 여러 개의 변수에 할당