[JS] 자바스크립트 내장 객체

자바스크립트 내장 객체

자바스크립트는 여러 용도에 활용하는 객체를 내장

숫자, 문자, 날짜, JSON 객체 등을 다루는 유용한 객체 제공

---

 

globalThis

- 전역 객체 지칭하는 변수

- 전역 객체는 환경에 따라 다름

- 브라우저는 window, node환경은 global 객체 지칭

- globalThis는 환경별 차이를 통일하여 하나의 변수로 서로 다른 전역 객체를 가리킴

 

 

window

- DOM document를 포함하는 창을 나타내는 객체

- 전역 스코프에 선언된 변수는 모두 window의 property

- 현재 창의 정보를 얻거나 조작

- globalThis는 브라우저 환경에서 window 객체와 같음

 

 

document

function documentInfo(){
    console.log("문서 URL : ",document.URL)
    console.log("문서 타이틀 : ",document.title)
    console.log("모든 노드 : ",document.querySelectorAll("*"))
}

- 브라우저에 로드된 웹페이지

- 문서의 정보, element 생성 및 검색 기능 제공

 

var h = document.createElement("h1") // 요소 생성
var ht = document.createTextNode("Hi") // 요소에 텍스트 추가

h.appendChild(ht)

- createElement, createTextNode는 동적으로 원소 생성

 

 

Number, Nan

- 자바스크립트의 number 원시 타입을 감싸는 객체

- 유의미한 상수값, 숫자를 변환하는 메서드 등 제공

- NaN : Not a Number를 나타내는 객체

• isNaN() : 전역 함수, 입력값을 숫자로 변환했을 때 NaN이 되는지 검사
• Number.toFixed() : 소수의 자리 수 제한, 반환 값 String

 

 

Math

- 기본적인 수학 연산 메서드

- 상수를 다루는 객체

- BigInt와 호환 X, Number 타입만 인자로 다룸

• Math.max(), Math.min() : 개별 숫자를 인자로 받아 최대, 최솟값 반환
• Math.random() : 0~1 사이 float number
• Math.floor() : 소수점 이하 숫자 버림

 

 

Date

- 특정 시점의 날짜를 표시하기 위한 객체

- 날짜와 관련된 작업을 하기 위한 여러 메서드 포함

• getDay() : 주에 대한 일을 반환(월요일:0 ~ 일요일:6)
• getTime() : 시간을 밀리초 단위로 반환

 

 

String, JSON

- 자바스크립트의 문자열 원시 타입의 래퍼 객체

- 문자열을 조작하기 위한 여러 메서드 포함

- JSON : JSON 객체와 관련된 메서드를 담은 객체

• trim() : 문자 집합의 선행 항목과 후행 항목 모두 제거
• toUpperCase() : 대문자로 반환
• includes() : 문자열 검색에 성공 시 true, 실패 시 false
• split() : 문자열에 따라 타겟 문자열을 나눔
• replace() : 문자열을 검색하여 타겟 문자열로 변환
• indexOf() : 특정 문자열 검색하여 시작점 인텍스 반환, 없을 시 -1 반환
• JSON.stringfy() - 주어진 객체를 JSON 문자열로 변환
• JSON.parse() - JSON 문자열을 자바스크립트에 맞는 결과 객체로 변환

 

 

 

---

참고

https://opentutorials.org/course/50

JavaScript 사전 - 생활코딩