반응형
이 글에서는 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)을 알기 쉽게 정리해드릴 예정이에요.
기대해 주세요!
반응형