[ JavaScript ] array 배열 사용하기

JavaScript에서 리스트는 배열(Array)로 구현됩니다. 배열은 데이터의 집합을 관리하고 다양한 메서드를 통해 데이터를 다룰 수 있는 매우 유용한 도구입니다. JavaScript에서 배열을 사용하는 방법은 다음과 같습니다.

1. 배열 선언 및 초기화

배열은 대괄호 []를 사용하여 선언할 수 있습니다.

// 빈 배열 생성
let arr = [];

// 초기값이 있는 배열 생성
let numbers = [1, 2, 3, 4, 5];
let fruits = ['apple', 'banana', 'cherry'];
console.log(numbers);
console.log(fruits);

2. 배열에 값 추가하기

배열에 값을 추가하는 방법에는 push, unshift 등이 있습니다.

let arr = [1, 2, 3];

// 배열의 끝에 값 추가
arr.push(4); // [1, 2, 3, 4]

// 배열의 시작에 값 추가
arr.unshift(0); // [0, 1, 2, 3, 4]
console.log(arr);

3. 배열에서 값 제거하기

값을 제거하는 방법에는 pop, shift, splice 등이 있습니다.

let arr = [0, 1, 2, 3, 4];

// 배열의 끝에서 값 제거
arr.pop(); // [0, 1, 2, 3]

// 배열의 시작에서 값 제거
arr.shift(); // [1, 2, 3]

// 특정 위치의 값 제거 (index 1에서부터 2개의 요소 제거)
arr.splice(1, 2); // [1]
console.log(arr);

4. 배열 순회하기

배열의 요소를 순회하는 방법에는 for, forEach, map 등이 있습니다.

let fruits = ['apple', 'banana', 'cherry'];

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

// forEach 메서드
fruits.forEach(fruit => console.log(fruit));

// map 메서드 (새로운 배열을 반환)
let upperFruits = fruits.map(fruit => fruit.toUpperCase());
console.log(upperFruits); // ['APPLE', 'BANANA', 'CHERRY']

5. 배열의 길이 확인하기

배열의 길이는 length 속성을 사용하여 확인할 수 있습니다.

let arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 5

6. 배열 요소 접근 및 수정

배열의 특정 요소에 접근하거나 수정할 수 있습니다.

let fruits = ['apple', 'banana', 'cherry'];

// 요소 접근
console.log(fruits[1]); // 'banana'

// 요소 수정
fruits[1] = 'blueberry';
console.log(fruits); // ['apple', 'blueberry', 'cherry']

이처럼 JavaScript에서 배열을 사용하여 다양한 작업을 수행할 수 있습니다. 배열 메서드를 활용하여 데이터를 효율적으로 관리하고 처리할 수 있습니다.