반응형
📚 자바스크립트 배열과 객체의 기초
자바스크립트에서 가장 자주 사용되는 두 가지 자료구조는 배열(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 |