[JavaScript] 표준 내장 객체

표준 내장 객체란?

표준 내장 객체는 자바스크립트 엔진에 내장된 객체로, 언제든지 사용할 수 있는 기본적인 기능 모음. 이 객체들은 복잡한 연산이나 반복되는 작업을 단순화해주며, 대부분의 자바스크립트 프로젝트에서 자주 사용됨

예시:

• 배열을 쉽게 다루는 Array 객체
• 문자열 처리를 위한 String 객체
• 수학 연산에 유용한 Math 객체

표준 내장 객체의 특징

• 항상 사용 가능: 자바스크립트가 실행되는 모든 환경에서 기본으로 제공
• 다양한 메서드 지원: 데이터 처리 및 조작을 위한 메서드들이 포함
• 파괴적/비파괴적 메서드: 메서드가 데이터를 수정하는지 여부에 따라 구분

파괴적 메서드: 원본 데이터를 수정하는 메서드. 예를 들어 Array.prototype.push()는 배열에 요소를 추가하면서 원본 배열을 수정

비파괴적 메서드: 원본 데이터를 수정하지 않는 메서드. 예를 들어 Array.prototype.slice()는 배열의 일부를 반환하지만, 원본 배열은 변경되지 않음

브라우저 호환성 확인하기

표준 내장 객체와 그 메서드가 브라우저에서 지원되는지 확인하려면, Can I Use 사이트를 활용 가능. 이 사이트는 다양한 브라우저에서 특정 자바스크립트 기능이나 메서드의 호환성을 보여줌

자바스크립트 표준 내장 객체의 종류

자바스크립트에서 자주 사용하는 대표적인 표준 내장 객체는 아래와 같음. 모든 객체와 메서드를 외우기보다는 필요할 때마다 문서를 참고하여 사용하는 것이 좋음

1. Object: 객체를 생성하고 조작할 수 있는 기본 객체
2. Function: 함수에 대한 생성자와 메서드 제공
3. Array: 배열을 다루기 위한 메서드와 속성 제공
4. String: 문자열 조작을 위한 메서드 제공
5. Boolean: 논리 값을 다루는 객체
6. Number: 숫자를 처리하기 위한 객체
7. Math: 수학 연산에 필요한 상수와 함수 제공
8. Date: 날짜와 시간을 다루는 객체
9. RegExp: 정규 표현식을 다루기 위한 객체

표준 내장 객체의 메서드 - Number 객체

JavaScript에서 Number 객체는 숫자를 처리할 때 유용한 여러 메서드를 제공. 아래는 자주 사용하는 몇 가지 예시

• 정적 메서드 (Static Method): 인스턴스 생성 없이 객체 자체에서 호출할 수 있는 메서드
  • Number.parseFloat() - 문자열을 소수점 숫자로 변환

    console.log(Number.parseFloat('3.14')); // 출력: 3.14

  • Number.parseInt() - 문자열을 정수로 변환

    console.log(Number.parseInt('42')); // 출력: 42

  • Number.isNaN() - 값이 NaN인지 여부를 확인

    console.log(Number.isNaN(NaN)); // 출력: true

  • Number.isFinite() - 값이 유한한지 여부를 확인

    console.log(Number.isFinite(1)); // 출력: true

• 인스턴스 메서드 (Instance Method): 특정 숫자 인스턴스에서 호출할 수 있는 메서드
  • toLocaleString() - 숫자를 로케일 형식으로 변환하여 반환

    const num = 1000000;
    console.log(num.toLocaleString('ko-KR')); // 출력: 1,000,000

  • valueOf() - Number 객체의 원시 값을 반환

    const numObj = new Number(42);
    console.log(numObj.valueOf()); // 출력: 42

개발자 성향에 따른 사용법

개발자는 필요에 따라 표준 내장 객체 외에 라이브러리나 유틸리티를 추가로 사용 가능

1. 표준 내장 객체: 기본적으로 자바스크립트 엔진에 내장된 기능 모음
2. Lodash 같은 라이브러리: 표준 내장 객체에서 제공하지 않는 다양한 유틸리티 함수들을 제공

📚 자바스크립트의 표준 내장 객체에 대해 더 알고 싶다면, MDN 공식 문서를 참고