본문 바로가기
카테고리 없음

자바스크립트 배열과 객체 완전 정복

by ody스크립터 2025. 5. 14.
반응형

이 글에서는 JavaScript의 핵심 자료형인 배열과 객체의 선언 및 사용법을 초보자도 쉽게 이해할 수 있도록 정리했습니다.

 

웹 개발을 처음 배우는 분들을 위한 친절한 설명과 실습 예제도 함께 알려드릴게요.


📖 [초급 강좌] JavaScript 배열과 객체

자바스크립트 배열과 객체 완전 정리!
데이터를 효율적으로 다루는 방법을 배워보세요.


💡 도입부

웹 개발에서는 여러 데이터를 한번에 다뤄야 할 일이 많아요.

이럴 때 사용하는 것이 바로 배열(Array)객체(Object)입니다.

이번 강좌에서는 배열과 객체의 기본 개념부터 선언, 값 접근, 수정, 추가 방법까지 쉽게 정리해볼게요.


🗂️ 배열이란?

배열은 여러 개의 데이터를 순서대로 저장하는 자료형입니다.

데이터는 인덱스(0부터 시작)를 통해 접근할 수 있어요.

✔️ 배열 선언

let fruits = ["사과", "바나나", "포도"];

✔️ 배열 값 접근

console.log(fruits[0]);  // 결과: 사과

✔️ 배열 값 추가

fruits.push("딸기");
console.log(fruits);  // 결과: ["사과", "바나나", "포도", "딸기"]

📦 객체란?

객체는 데이터를 이름(key)과 값(value) 쌍으로 저장하는 자료형이에요.

정보를 그룹으로 묶어 저장할 때 유용하게 사용됩니다.

✔️ 객체 선언

let user = {
  name: "홍길동",
  age: 30,
  isMember: true
};

✔️ 객체 값 접근

console.log(user.name);     // 결과: 홍길동
console.log(user["age"]);   // 결과: 30

✔️ 객체 값 추가 및 수정

user.email = "hong@test.com";
user.age = 31;
console.log(user);

📑 요약

이번 강좌에서는 JavaScript의 배열과 객체 선언과 사용법을 배웠습니다.

배열은 순서대로, 객체는 이름-값 형태로 데이터를 효율적으로 관리할 수 있어요.


⏳ 다음 강좌 예고

다음 편에서는 자바스크립트 조건문(if, switch)과 반복문(for, while)을 알기 쉽게 정리해드릴 예정이에요.

기대해 주세요!

반응형