[JavaScript] JavaScript의 내장객체

부지런한 배짱이🤟·2022년 4월 25일
0

공부기록

목록 보기
7/23

JavaScript

1️⃣ 자바스크립트 내장객체

  • 여러 용도에 활용하는 객체를 내장하고 있다.
  • 숫자 다루기, 문자 다루기, 날짜 다루기, JSON 객체 다루기 등에 유용한 객체를 제공한다.

1. globalThis

  • 전역 객체를 지칭하는 변수
  • 전역 객체는 환경에 따라 다르다
  • 환경별 차이를 통일하여 하나의 변수로 서로 다른 전역 객체를 가르키게 한다.
  • 브라우저 환경에서 window 객체와 같음

2. Window

  • 전역스코프에 선언된 변수는 모두 windowproperty가 된다.
  • DOM document 를 포함하는 창을 나타내는 객체
  • 현재 창의 정보를 얻거나 창을 조작한다.

3. document

  • 브라우저에 로드된 웹페이지
  • 문서의 title, URL등의 정보를 얻어옴
  • element 생성, 검색 등의 기능 제공
  • createElement, createTextNode는 동적으로 원소를 생성하고 이를 이용해 자바스크립트만으로 원소를 구성할 수 있음

4. Number, NaN

  • 자바스크립트의 number 원시타입(primitive type, 기본형)을 감싸는 객체
  • 유의미한 상수값, 숫자를 변환하는 메서드 등을 제공
  • NaN (=Not a Number) 를 나타내는 객체 (할당할 수 있음)
  • isNaN() ⇒ NaN이 되는지를 검사
Number('123') //=> 숫자 123
let str = 'abc'
function checkNumber (x) {
	if(isNaN(x)) return 0 //x가 not a number 즉 숫자가 아니라면 return 0
	else return x * 2;
}

5. Math

  • 기본적인 수학 연산 메서드, 상수를 다루는 객체
  • BigInt 타입과 호환되지 않고, Number 타입만을 인자로 다룬다.

6. Date

  • 특정 시점의 날짜를 표시하기 위한 객체.
  • 날짜와 관련된 작업을 하기위한 여러 메서드를 포함
    Date.prototype.getFullYear - 년도
    Date.prototype.getMonth - 월 - 1 (1월은 0, 2월은 1, ...)
    Date.prototype.getDate - 일
    Date.prototype.getHours - 시
    Date.prototype.getMinutes - 분
    Date.prototype.getSeconds - 초
Date.getDay();
// 일요일(0) - 토요일(6)
// Date는 형태는 2021/4/12
Date.getMonth()
Date.getDate()
Date.gethour()

date.setDate();  //시간설정, 설정시 월 변경 등의 시간 변환은 Date객체가 처리
date.toDateString(); // 메서드는 특정 포맷의 문자열을 반환한다. 

Date.getTime() // 시간을 밀리초 단위로 반환(1970.1.1시점 이후부터)
Date.fromNow() // 주어진 시간이 현재로부터 며칠이나 흘렀는지 계산

new Date()로 Date 객체를 생성하면, 객체를 생성한 시점의 시간 정보만을 얻을 수 있음
실시간으로 현재 시간의 밀리초를 얻기 위해선 정적 메서드인 Date.now()를 활용!

Date 객체는 기본적으로 현재 컴퓨터의 시간대(타임존) 정보를 기반으로 생성
따라서 Date 객체를 생성하면, 현재 시간대가 기준 UTC 시간대에서 얼마나 벗어나 있는지를 알 수 있음

7. String, JSON

  • 자바스크립트의 문자열 원시타입(기본형)의 래퍼객체
  • 문자열을 조작하기 위한 여러 메서드를 포함
  • JSON - JSON 객체와 관련된 메서드를 담은 객체
    • String
    • trim(), toUpperCase(), includes() ⇒ true,false반환
    • split(), replace(), indexOf()⇒ 찾을 요소 인덱스를 반환, 없을시 -1반환
  • JSON
    • JSON.stringfy() : 주어진 객체를 JSON 문자열로 만든다.
    • JSON.parse(): 주어진 JSON문자열을 자바스크립트에 맞는 결과 객체로 만든다.
      JSON.stringify({name : "Daniel", age: 12 })
      // '{"name" : "Daniel", "age" : 12 }'
      
      JSON.parse('{"name" : "Daniel", "age" : 12 }')
      // {name : "Daniel", age: 12}
      

그외

instanceof

//x는 와 z 사이 
x >= "a" && x <= "z"
profile
UX에 관심많은 프론트 엔드 개발자입니다:)

0개의 댓글