본문 바로가기
Programming

JavaScript 배열과 객체의 기초

by 나무수피아는 지식의 가지를 뻗어가는 공간입니다. 2025. 9. 3.
반응형

📚 자바스크립트 배열과 객체의 기초

자바스크립트에서 가장 자주 사용되는 두 가지 자료구조는 배열(Array)객체(Object)입니다. 이 둘은 데이터를 저장하고 다루는 데 있어 매우 중요한 역할을 합니다.

🔹 배열 (Array)

배열은 값들의 목록을 순서대로 저장하는 자료형입니다.

✅ 배열 선언

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

✅ 배열 접근

인덱스(번호)는 0부터 시작합니다.

console.log(fruits[0]); // 사과
console.log(fruits[1]); // 바나나

✅ 주요 메서드

  • push() – 배열 끝에 요소 추가
  • pop() – 마지막 요소 제거
  • shift() – 첫 요소 제거
  • unshift() – 앞에 요소 추가
  • length – 배열 길이
fruits.push("오렌지");
console.log(fruits.length); // 4

🔸 객체 (Object)

객체는 이름(키)과 값으로 이루어진 데이터 묶음입니다.

✅ 객체 선언

let person = {
  name: "홍길동",
  age: 30,
  job: "개발자"
};

✅ 객체 접근

console.log(person.name); // 홍길동
console.log(person["job"]); // 개발자

✅ 속성 추가 및 삭제

person.email = "hong@example.com";
delete person.age;

📌 마무리 요약

  • 배열: 순서가 있는 리스트, 인덱스로 접근
  • 객체: 키-값 쌍의 집합, 속성 이름으로 접근
  • 배열은 반복문과 함께 자주 사용됨
  • 객체는 사용자 정보, 설정, 구조적 데이터에 적합
반응형

'Programming' 카테고리의 다른 글

JavaScript DOM 기본 조작  (106) 2025.09.05
JavaScript 이벤트 처리 기본  (98) 2025.09.04
JavaScript 함수 선언과 호출  (46) 2025.09.02
JavaScript 반복문  (35) 2025.09.01
JavaScript 조건문  (37) 2025.08.31