<JavaScript> 내장 객체 소개

반응형

자주 사용되는 내장 객체들 알아보기

 

자바스크립트는 웹 개발자들이 편하게 프로그래밍 할 수 있는 다양한 내장 객체들을 제공하고 있습니다.

  • Number
  • String
  • Array
  • Object

 

Number 객체로 숫자 관련 작업 수행하기

Number 객체는 다양한 숫자 관련 작업을 쉽고 간결하게 할 수 있는 속성과 메소드를 제공해 줍니다.

예를 들어, Number.MAX_VALUENumber.MIN_VALUE는 숫자의 최대값과 최소값을 표현하는 상수랍니다.

그리고 Number.parseInt(), Number.parseFloat() 같은 메소드를 이용하면 문자열을 숫자로 전환할 수 있어요.

const num = 3.141592;
console.log(num.toFixed(2)); // 출력: 3.14

 

String 객체로 문자열 조작하기

String 객체는 텍스트 데이터를 처리하는 데 필요한 다양한 기능을 제공해 주죠.

문자열을 자르는 substring(), 문자열을 나누는 split(), 그리고 문자열을 찾는 indexOf()와 같은 메소드를 이용하면 텍스트를 간편하게 다룰 수 있어요.

const str = 'Hello, JavaScript!';
console.log(str.replace('JavaScript', 'World')); // 출력: Hello, World!

 

날짜와 시간 처리와 수학 연산에 필요한 객체

자바스크립트에서 날짜와 시간을 처리하는 방법과 다양한 수학 연산을 알아볼 필요가 있어요.

그래서 이번 부분에서는 Date 객체와 Math 객체의 활용에 대해 이야기하겠습니다.

 

Date 객체로 날짜와 시간 다루기

자바스크립트에서 날짜와 시간을 다루는 방법 중 가장 기본적인 건 Date 객체죠.

현재 시간을 기준으로한 날짜 데이터를 생성할 수 있고, 다양한 메소드를 통해 날짜와 시간에 관한 처리를 할 수 있습니다.

const today = new Date();
console.log(today.toDateString()); // 출력: 날짜 형식으로 출력 (예: "Tue Sep 26 2023")

 

Math 객체로 수학 연산 손쉽게 해보기

Math 객체는 기본적인 수학 연산 함수와 상수를 제공해 준답니다.

이 객체는 정적 객체로서, 인스턴스를 생성할 필요 없이 속성과 메소드를 사용할 수 있어요. 이를 이용하면, 제곱근, 사인, 코사인 값 계산, 난수 생성 같은 작업을 간단하게 처리할 수 있죠.

console.log(Math.random()); // 출력: 0 이상 1 미만의 난수 생성 (예: 0.5236328415185841)

 

데이터 관리를 위한 JSON 객체와 Promise 객체 활용하기

자바스크립트에서 데이터 처리는 정말 중요한 부분이죠.

이러한 데이터를 처리하려면, JSON 객체와 프라미스(Promise) 객체를 활용해 볼 필요가 있어요.

 

JSON (JavaScript Object Notation) 객체

JSON 객체는 데이터를 교환하는데 사용되는 개방형 표준 포맷을 지원하고, 가독성이 좋아서 인간과 컴퓨터 모두 쉽게 읽을 수 있는 데이터 구조에요. JSON 문자열과 자바스크립트 객체를 상호 변환하기 위해 사용됩니다.

const jsonString = '{"name": "Alice", "age": 30}';
const jsonObj = JSON.parse(jsonString);
console.log(jsonObj.name); // 출력: Alice

 

Promise 객체로 비동기 처리를 쉽게하기

프라미스 객체는 비동기 작업의 결과를 나타내는 객체로, 비동기 코드의 처리 능력을 향상시켜줘요.

프라미스는 대기(pending), 이행(fulfilled), 거부(rejected)와 같은 상태를 가지고 있죠. 비동기 작업의 완료 여부에 상관없이 값을 반환할 수 있어요.

const examplePromise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Success');
  }, 2000);
});

examplePromise.then((result) => {
  console.log(result); // 출력: Success
});

 

감사합니다.

Designed by JB FACTORY