반응형

배열이란?

JavaScript는 다양한 데이터 유형을 다루는 데 강력한 배열(Array) 자료구조를 제공합니다. 배열은 데이터를 순서대로 저장하고 관리하는 데 사용되며, 웹 개발과 프로그래밍에서 핵심적인 역할을 합니다. 

 

배열의 기본 개념

배열은 데이터 요소의 컬렉션으로, 각 요소는 고유한 인덱스(순서)를 가집니다. 이 인덱스를 사용하여 요소에 접근하거나 조작할 수 있습니다. 배열은 순서가 중요한 데이터를 저장할 때 사용하며, 문자열, 숫자, 객체, 함수 등 모든 유형의 데이터를 포함할 수 있습니다.

// 배열 생성
let fruits = ['사과', '바나나', '딸기'];

// 배열 요소 접근
console.log(fruits[0]); // "사과"

 

배열의 다양한 기능

1. 배열 길이와 추가/제거

배열은 가변 길이이며 요소를 동적으로 추가하거나 제거할 수 있습니다. push 메서드를 사용하여 요소를 배열 끝에 추가하거나 pop 메서드를 사용하여 배열 끝에서 요소를 제거할 수 있습니다.

fruits.push('오렌지'); // 배열 끝에 "오렌지" 추가
fruits.pop(); // 배열 끝에서 요소 제거

 

2. 배열 순회

for 루프나 forEach와 같은 배열 내장 메서드를 사용하여 배열을 순회할 수 있습니다.

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

fruits.forEach(function(fruit) {
  console.log(fruit);
});

 

3. 배열 내장 메서드

JavaScript 배열은 다양한 내장 메서드를 제공합니다. filter, map, reduce 등의 메서드를 사용하여 배열 요소를 처리하고 새로운 배열을 생성할 수 있습니다.

let filteredFruits = fruits.filter(function(fruit) {
  return fruit !== '바나나';
});

 

결론

JavaScript 배열은 데이터를 순서대로 저장하고 관리하는 강력한 도구입니다. 배열은 다양한 데이터 유형을 다루며, 배열 메서드를 활용하여 데이터를 효과적으로 처리할 수 있습니다. 배열은 웹 개발에서 중요한 개념 중 하나이며, 자바스크립트 프로그래밍에 필수적입니다.

반응형