카테고리 없음

JavaScript의 필수 내장 객체 마스터하기

찹쌀뗙 2023. 3. 22. 11:32
반응형

1. 객체 - 자바스크립트의 기초 개체는 다른 모든 개체가 속성과 메서드를 상속하는 JavaScript의 핵심 빌딩 블록입니다. JavaScript의 객체는 객체 리터럴, 생성자 또는 Object.create() 메서드를 사용하여 만들 수 있습니다. 키-값 쌍으로 데이터를 저장할 수 있으며 사용자 지정 유형 및 구조를 만드는 데 사용할 수 있습니다.

 

const person = {
  name: 'Alice',
  age: 30,
  greet: function() {
    console.log(`Hello, my name is ${this.name}`);
  }
};
person.greet(); // Output: Hello, my name is Alice

2. 배열 - 정렬된 컬렉션 관리 배열은 정렬된 요소 컬렉션을 저장하고 조작하는 데 사용되는 기본 데이터 구조입니다. JavaScript 배열에는 요소를 추가, 제거 및 반복하기 위한 다양한 내장 메서드가 있습니다.

 

const numbers = [1, 2, 3, 4, 5];
numbers.push(6); // Add an element to the end of the array
numbers.pop(); // Remove the last element from the array
numbers.reverse(); // Reverse the order of the array elements

3. 문자열 - 텍스트 작업 JavaScript의 문자열은 텍스트 데이터를 나타내고 조작하는 데 사용됩니다. 텍스트 검색, 교체 또는 자르기와 같은 일반적인 작업을 위한 다양한 기본 제공 방법을 제공합니다.

 

const message = 'Hello, world!';
const newMessage = message.replace('world', 'JavaScript');
console.log(newMessage); // Output: Hello, JavaScript!

 

4. 숫자와 수학 - 숫자 데이터 다루기 JavaScript의 Number 개체는 숫자 값을 나타내는 반면 Math 개체는 수학적 연산을 수행하기 위한 일련의 함수를 제공합니다. 함께 산술, 서식 지정 및 구문 분석 작업을 용이하게 합니다.

 

const num = 9;
const sqrt = Math.sqrt(num);
console.log(sqrt); // Output: 3

 

5. 날짜 - 시간 관련 데이터 관리 Date 개체를 사용하면 개발자가 JavaScript에서 날짜 및 시간 데이터를 생성, 조작 및 형식화할 수 있습니다.

 

const now = new Date();
console.log(now.toString()); // Output: current date and time

 

6. JSON - 데이터 구문 분석 및 문자열화 JSON 또는 JavaScript Object Notation은 가벼운 데이터 교환 형식입니다. JavaScript의 JSON 개체는 JSON 데이터를 구문 분석하고 문자열화하는 방법을 제공하므로 API 및 기타 데이터 소스와 더 쉽게 작업할 수 있습니다.

 

const jsonResponse = '{"name": "Alice", "age": 30}';
const userData = JSON.parse(jsonResponse);
console.log(userData.name); // Output: Alice

 

7. Promise - 비동기 작업 관리 Promise는 JavaScript에서 비동기 작업을 처리하는 강력한 방법입니다. 동시에 실행되는 작업의 결과와 오류를 처리하기 위한 깨끗하고 효율적인 접근 방식을 제공합니다.

 

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));
반응형