자바스크립트 첫걸음
배열과 객체 다루기
Working with Arrays and Objects
들어가기
이 장에서는 자바스크립트에서 자주 사용되는 두 가지 중요한 데이터 구조인 배열(Array)과 객체(Object)에 대해 배웁니다. 배열과 객체는 데이터를 효율적으로 저장하고 접근할 수 있게 하는 구조로, 자바스크립트 프로그래밍의 핵심 부분을 이루고 있습니다.
배열 (Array)
배열의 정의와 특징
배열이란 여러 값을 모아 하나의 변수로 관리할 수 있도록 하는 자료 구조입니다. 배열의 각 값은 인덱스(순서 번호)를 통해 접근 가능합니다. 인덱스는 0부터 시작합니다.
배열의 생성과 초기화
배열은 대괄호 []를 사용하여 생성합니다. 각 값은 쉼표 ,로 구분합니다.
let fruits = ['Apple', 'Banana', 'Cherry'];
console.log(fruits[0]); // Apple배열 메소드
자바스크립트는 배열을 쉽게 관리할 수 있도록 다양한 메서드를 제공합니다.
push(): 배열의 맨 끝에 요소 추가pop(): 배열의 맨 끝 요소 제거shift(): 배열의 맨 앞 요소 제거unshift(): 배열의 맨 앞에 요소 추가
let numbers = [1, 2, 3];
numbers.push(4); // [1, 2, 3, 4]객체 (Object)
객체의 정의와 특징
객체는 여러 데이터를 키(key)-값(value) 형식으로 저장할 수 있는 구조로, 자바스크립트의 주요 데이터 형식 중 하나입니다.
객체의 생성과 초기화
객체는 중괄호 {}를 사용하여 생성합니다. 객체의 키와 값은 콜론 :으로 구분하며, 각 키-값 쌍은 쉼표로 구분합니다.
let person = {
name: 'John',
age: 30,
};
console.log(person.name); // John객체 메서드
객체에는 함수를 포함할 수 있으며 이를 메서드라고 합니다.
let person = {
name: 'John',
greet() {
console.log(`Hello, my name is ${this.name}.`);
},
};
person.greet(); // Hello, my name is John.결론
배열과 객체는 자바스크립트에서 데이터를 효율적으로 처리할 수 있게 해주는 매우 중요한 구조입니다. 기초를 잘 이해하면, 배열과 객체를 활용하여 복잡한 데이터를 처리하고 구조화된 프로그램을 작성할 수 있습니다.
