자바스크립트 내장 객체 정리
📌 내장 객체란?
기능을 구현할 때 직접적인 구현이 아닌 객체를 불러와 기능을 사용하는 것
✅ 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); // '임시 닉네임'
🚀 상황에 알맞는 내장객체를 사용하는 것이 중요!!
'IT > HTML,CSS,JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 기초 복습 part 11 (0) | 2025.04.01 |
---|---|
[JavaScript] 자바스크립트 기초 복습 part10 (0) | 2025.03.28 |
[JavaScript] 자바스크립트 기초 복습 part8 (0) | 2025.03.26 |
[JavaScript] 자바스크립트 기초 복습 part7 (0) | 2025.03.24 |
[JavaScript] 자바스크립트 기초 복습 part6 (0) | 2025.03.23 |