IT/HTML,CSS,JavaScript

[JavaScript] 자바스크립트 기초 복습 part9

j8970 2025. 3. 27. 17:40

자바스크립트 내장 객체 정리


📌 내장 객체란?

기능을 구현할 때 직접적인 구현이 아닌 객체를 불러와 기능을 사용하는 것

 

JavaScript는 다양한 내장 객체(Built-in Objects)를 제공
특정 작업을 수행하거나 복잡한 기능을 간편하게 구현할 수 있도록 도움을 줌.


📌 Number 객체

Number 객체는 수치형 데이터를 처리하는 속성과 메서드를 포함한 내장 객체입니다.

🔹 toFixed(N) - 소수점 반올림

let num = 123.4567;
console.log(num.toFixed(3)); // '123.457'
console.log(num.toFixed(1)); // '123.5'
console.log(num.toFixed());  // '123' (기본값: 0자리 반올림)

🔹 isNaN(), isFinite() - 숫자 값 검사

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

console.log(Number.isNaN(notNum)); // true
console.log(Number.isFinite(10 / 0)); // false (무한대)
console.log(Number.isFinite(10)); // true (유한한 숫자)

📌 String 객체

String 객체는 문자열을 다룰 수 있는 다양한 메서드를 제공합니다.

🔹 trim() - 양쪽 공백 제거

let str = `\n 안녕하세요 \n 만나서 반갑습니다 :) \n`;
console.log(str.trim()); // '안녕하세요 \n 만나서 반갑습니다 :)'

🔹 split() - 특정 구분자로 문자열 나누기

let data = `\n생년,월,일\n1999,01,01\n2000,02,02\n`;
data = data.trim().split('\n').map(line => line.split(','));
console.log(data);

🔹 문자열 길이 확인

console.log('Hello, JS ^^'.length); // 12

🔹 대소문자 변환

console.log('HELLO'.toLowerCase()); // 'hello'
console.log('hello'.toUpperCase()); // 'HELLO'

📌 JSON 객체

JSON (JavaScript Object Notation)은 데이터를 저장하고 교환하는 경량 형식입니다.

🔹 JSON.stringify() - JavaScript 객체를 JSON 문자열로 변환

let obj = { name: '홍길동', age: 25, job: 'developer' };
console.log(JSON.stringify(obj, null, 2));

🔹 JSON.parse() - JSON 문자열을 JavaScript 객체로 변환

let jsonData = '{"name": "홍길동", "age": 25}';
console.log(JSON.parse(jsonData));

📌 Math 객체

🔹 Math 객체는 수학 연산을 위한 메서드를 제공합니다.

console.log(Math.PI); // 원주율 값
console.log(Math.random()); // 0 이상 1 미만의 난수 생성
console.log(Math.floor(Math.random() * 10)); // 0~9 랜덤 정수
console.log(Math.sqrt(16)); // 4 (제곱근)

📌 Date 객체

🔹 Date 객체는 날짜와 시간을 다룰 수 있습니다.

let now = new Date();
console.log(now.toLocaleDateString()); // 현지 날짜 출력
console.log(now.toLocaleTimeString()); // 현지 시간 출력
console.log(now.getFullYear(), now.getMonth() + 1, now.getDate());

📌 객체의 속성 존재 여부 확인

🔹 undefined 여부 확인

let obj = { name: '전창현', age: 27 };
if (obj.name !== undefined) {
    console.log(obj.name);
} else {
    console.log('name 속성 없음');
}

🔹 논리 연산자로 속성 확인

obj.name || console.log('name 속성 없음');
obj.hobby || console.log('hobby 속성 없음');

🔹 삼항 연산자를 활용한 기본값 설정

obj.nickname = obj.nickname || '임시 닉네임';
console.log(obj.nickname); // '임시 닉네임'

🚀 상황에 알맞는 내장객체를 사용하는 것이 중요!!