JS 3-1. 배열, 객체

16. 배열과 객체의 기본 개념 설명

자바스크립트에서 배열과 객체는 데이터를 저장하고 조작하기 위한 기본 자료 구조다. 두 가지 모두 중요한 역할을 하며, 각각의 특징과 용도가 다르다.

---

배열 (Array)

• 정의
  배열은 순서가 있는 데이터의 집합으로, 각각의 데이터(요소)는 인덱스를 통해 접근할 수 있다. 인덱스는 0부터 시작한다.

• 특징

  • 배열은 숫자 인덱스를 사용하여 요소에 접근한다.
  • 배열의 요소에는 어떤 데이터 타입이든 저장 가능(숫자, 문자열, 객체, 함수 등).
  • 동적으로 크기가 변경된다(요소를 추가하거나 제거할 수 있음).

배열 생성 방법

🖥️ javascript

// 배열 리터럴
let fruits = ["apple", "banana", "cherry"];

// 배열 생성자
let numbers = new Array(1, 2, 3);

배열의 주요 메서드

• push() - 배열 끝에 요소 추가
• pop() - 배열 끝에서 요소 제거
• shift() - 배열 맨 앞에서 요소 제거
• unshift() - 배열 맨 앞에 요소 추가
• forEach() - 배열의 각 요소를 순회
• map() - 배열의 각 요소를 변환하여 새로운 배열 생성
• filter() - 조건에 맞는 요소만 필터링

🖥️ javascript

let fruits = ["apple", "banana"];
fruits.push("cherry"); // ["apple", "banana", "cherry"]
fruits[1]; // "banana"

---

객체 (Object)

• 정의
  객체는 키(key)와 값(value)의 쌍으로 이루어진 데이터 구조.
  배열과 달리, 순서보다는 키를 기준으로 데이터를 저장하고 조회한다.

• 특징

  • 객체의 키는 문자열 또는 심볼이고, 값은 어떤 데이터 타입이든 가능하다.
  • 중첩 구조를 가질 수 있다(객체 안에 객체나 배열 포함 가능).

객체 생성 방법

🖥️ javascript

// 객체 리터럴
let person = {
  name: "John",
  age: 30,
  isStudent: false
};

// 객체 생성자
let car = new Object();
car.make = "Toyota";
car.model = "Corolla";

객체의 주요 메서드

• Object.keys() - 객체의 모든 키를 배열로 반환
• Object.values() - 객체의 모든 값을 배열로 반환
• Object.entries() - [키, 값] 쌍 배열로 반환
• delete - 특정 키 삭제

객체 접근 방법

• 점 표기법 (Dot Notation)

🖥️ javascript

person.name; // "John"

• 대괄호 표기법 (Bracket Notation)

🖥️  javascript

person["age"]; // 30

let car = {
  make: "Tesla",
  model: "Model S",
  year: 2020
};

console.log(car.make); // "Tesla"
car.year = 2021; // 수정 가능

---

배열 vs 객체

➡️ 배열과 객체의 활용

• 배열은 목록, 순서가 중요한 데이터(예: 사용자 리스트, 일정 목록 등)에 적합하다.
• 객체는 구조화된 데이터(예: 한 사람의 정보, 설정 데이터 등)에 적합하다.