본문 바로가기
JavaScript

JS - 점검 2(객체와배열)

by 남행비 2023. 10. 4.

학습 목표

1. 객체에 대한 이해와 사용

2. 배열에 대한 이해와 사용

 

1. 객체에 대한 이해와 사용

객체는 프로그래밍에서 데이터와 그 데이터를 다루는 동작(메서드)을 함께 묶어서 표현하는 자료구조입니다.

 

내장 객체 (Built-in Objects)

내장 객체는 JavaScript 언어 자체에 내장되어 제공되는 객체들을 말합니다. 이러한 객체들은 JavaScript 프로그래밍에서 기본적인 기능을 제공하며, 모든 JavaScript 환경에서 사용할 수 있습니다. 몇 가지 주요 내장 객체에는 다음과 같은 것들이 있습니다.

  • Object: 모든 객체의 기본이 되는 객체입니다. 다른 모든 객체는 이 객체를 상속받습니다.
  • Array: 배열을 다루는 데 사용되며, 순서가 있는 여러 값을 저장할 수 있습니다.
  • String: 문자열을 다루는 데 사용되며, 텍스트 데이터를 처리하고 조작하는 데 유용합니다.
  • Number: 숫자를 다루는 데 사용되며, 숫자 데이터를 처리하고 수학 연산을 수행하는 데 유용합니다.
  • Function: 함수를 생성하고 관리하는 데 사용되며, JavaScript의 핵심 개념 중 하나입니다.
  • Date: 날짜와 시간 정보를 다루는 데 사용되며, 날짜 및 시간 연산을 지원합니다.
  • Math: 수학 함수 및 상수를 제공하여 수학적인 연산을 수행하는 데 유용합니다.

등등…

 

사용자 정의 객체 (User-defined Objects):

사용자 정의 객체는 프로그래머가 직접 만들어서 사용하는 객체입니다. JavaScript에서는 객체를 생성하고 속성과 메서드를 정의하는 데 매우 유연하고 강력한 방법을 제공합니다.

 

생성 방법

  1. new 키워드와 생성자 함수를 사용
  2. 객체 리터럴 표기법(Object Literal Notation) 사용

new 키워드와 생성자 함수를 사용

// 사용자 정의 객체 생성자 함수
function Person(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
}

// 객체 생성
const person1 = new Person("길동", "홍");
const person2 = new Person("이", "순신");

console.log(person1.firstName); 
console.log(person2.lastName); 

 

객체 리터럴 표기법(Object Literal Notation) 사용

JavaScript에서 객체를 생성하는 간단하고 직관적인 방법 중 하나입니다. 이 표기법을 사용하면 중괄호 {} 안에 키(key)와 값(value)의 쌍으로 객체를 정의할 수 있습니다. 각 키와 값은 콜론(:)으로 구분되며, 각 쌍은 쉼표(,)로 구분됩니다. 이를 통해 객체를 손쉽게 만들 수 있습니다.

 

1단계

이름과 나이를 가지는 간단한 사람 객체를 객체 리터럴 표기법으로 생성

 

2단계

 

2. 배열에 대한 이해와 사용

배열은 JavaScript에서 데이터를 보관하고 관리하는 데 사용되는 자료 구조입니다. 배열은 여러 값을 순서대로 저장할 수 있으며, 각 값은 인덱스를 사용하여 접근할 수 있습니다.

요약

컴퓨터가 처리하는 자료에 형태인 객체와 배열을 생성하는 방법에는 new 키워드와 생성자 그리고 리터럴 표기법을 사용할 수 있습니다.

'JavaScript' 카테고리의 다른 글

JS - 점검 5(Browser Object Model)  (0) 2023.10.05
JS - 점검 4(Document Object Model)  (1) 2023.10.04
JS - 점검 3(함수에 이해와 활용)  (0) 2023.10.04
JS - 점검 1(데이터 타입 및 연산)  (0) 2023.10.04
JS - 사전 기반 지식  (0) 2023.10.04