자바스크립트 내장객체 계층 구조
자바스크립트는 사용자가 웹 페이지와 상호작용할 수 있도록 도와주는 많은 내장 객체를 제공합니다. 이러한 내장 객체들은 계층 구조를 가지고 있으며, 각 객체는 특정한 기능을 수행하는 메소드와 프로퍼티로 구성되어 있습니다.
Math 객체
Math 객체는 수학적인 계산을 위한 메소드와 상수를 제공합니다. 예를 들어, Math.random() 메소드는 0과 1 사이의 난수를 반환하며, Math.abs() 메소드는 숫자의 절대값을 반환합니다.
var randomNumber = Math.random(); // 0과 1 사이의 난수를 반환
var absoluteValue = Math.abs(-5); // 5의 절대값을 반환
String 객체
String 객체는 문자열을 다루는 메소드와 프로퍼티를 제공합니다. 예를 들어, String.length 프로퍼티는 문자열의 길이를 반환하며, String.charAt() 메소드는 주어진 인덱스에 해당하는 문자를 반환합니다.
var str = "Hello, World!";
var length = str.length; // 문자열의 길이를 반환 (13)
var char = str.charAt(0); // 0번째 인덱스의 문자를 반환 ('H')
Array 객체
Array 객체는 배열을 다루는 메소드와 프로퍼티를 제공합니다. 예를 들어, Array.isArray() 메소드는 주어진 값이 배열인지 아닌지를 확인할 수 있으며, Array.push() 메소드는 배열의 끝에 새로운 요소를 추가합니다.
var arr = [1, 2, 3];
var isArray = Array.isArray(arr); // arr이 배열인지 확인 (true)
arr.push(4); // 배열의 끝에 요소 4를 추가
Date 객체
Date 객체는 시간과 날짜를 다루는 메소드와 프로퍼티를 제공합니다. 예를 들어, Date.now() 메소드는 현재 시간을 밀리초 단위로 반환하며, Date.getMonth() 메소드는 현재 월을 0부터 시작하는 숫자로 반환합니다.
var currentTime = Date.now(); // 현재 시간을 밀리초 단위로 반환
var currentMonth = new Date().getMonth(); // 현재 월을 반환 (0부터 시작)
RegExp 객체
RegExp 객체는 정규 표현식을 다루는 메소드와 프로퍼티를 제공합니다. 예를 들어, RegExp.test() 메소드는 주어진 문자열이 정규 표현식과 매치되는지를 검사하며, RegExp.exec() 메소드는 정규 표현식과 매치되는 문자열을 반환합니다.
var regex = new RegExp("hel");
var testResult = regex.test("hello"); // "hello"가 "hel"과 매치되는지 검사 (true)
var execResult = regex.exec("hello"); // "hello"에서 "hel"과 매치되는 문자열을 반환
Global 객체
Global 객체는 전역적인 기능을 제공하며, 모든 객체의 부모 객체입니다. 다양한 메소드와 프로퍼티를 포함하고 있으며, 예를 들어, parseInt() 함수는 문자열을 정수로 변환하는데 사용되며, encodeURIComponent() 함수는 URI 구성 요소를 이스케이프 처리합니다.
var number = parseInt("10"); // "10"을 정수로 변환 (10)
var encodedURI = encodeURIComponent("https://example.com"); // URI를 이스케이프 처리
Document 객체
Document 객체는 웹 페이지 전체를 나타내는 객체이며, 웹 페이지의 요소를 조작하고 이벤트를 처리하는데 사용됩니다. 예를 들어, document.getElementById() 메소드는 주어진 고유 식별자로 요소를 찾아 반환하며, document.createElement() 메소드는 새로운 HTML 요소를 생성합니다.
var element = document.getElementById("myElement"); // 고유 식별자로 요소를 찾아 반환
var newElement = document.createElement("div"); // 새로운 요소 생성
Window 객체
Window 객체는 웹 브라우저 창을 나타내는 객체로서, 현재 창의 속성과 메소드를 제공합니다. 예를 들어, window.setTimeout() 메소드는 주어진 함수를 일정 시간 후에 실행하며, window.location 프로퍼티는 현재 URL 정보를 제공합니다.
window.setTimeout(function() {
console.log("Delayed execution");
}, 1000); // 1초 후에 함수 실행
var currentURL = window.location.href; // 현재 URL 정보 반환
이는 자바스크립트의 일부 내장 객체의 계층 구조와 예시를 보여주는 간략한 소개였습니다. 자바스크립트 내장 객체들은 다양한 기능을 제공하므로, 이러한 객체들을 알고 적절하게 활용하는 것은 웹 개발에서 중요한 역량입니다. 더 많은 정보를 원한다면 공식 문서를 참조하는 것을 추천드립니다.