배열은 자바스크립트에서 가장 기본적이고 유용한 데이터 구조 중 하나입니다. 배열을 사용하면 한 변수에 여러 개의 값을 저장하고 관리할 수 있습니다. 이번 글에서는 자바스크립트 배열의 기본 개념과 사용법에 대해 알아보겠습니다.
배열 만들기
배열을 만들려면 [] 괄호를 사용하고, 각 요소를 쉼표로 구분하여 나열합니다. 배열의 요소는 0부터 시작하는 인덱스를 가지며, 순서대로 저장됩니다. 자바스크립트 배열은 다른 타입의 요소를 동시에 포함할 수도 있습니다.
// 정수형 배열
let numbers = [1, 2, 3, 4, 5];
// 문자열 배열
let fruits = ['apple', 'banana', 'orange'];
// 다른 타입의 요소를 포함하는 배열
let mixedArray = [1, 'hello', true];
배열 요소 접근하기
배열의 특정 요소에 접근하기 위해서는 배열의 이름 뒤에 인덱스를 대괄호로 감싸서 사용합니다. 이 때, 인덱스는 0부터 시작하며, 음수 인덱스를 사용하면 배열의 뒤에서부터 요소에 접근할 수 있습니다.
// 첫 번째 요소에 접근
console.log(numbers[0]); // Output: 1
// 세 번째 요소에 접근
console.log(fruits[2]); // Output: orange
// 마지막 요소에 접근
console.log(mixedArray[mixedArray.length - 1]); // Output: true
배열 요소 수정하기
배열의 특정 요소를 수정하려면 배열의 인덱스를 사용하여 해당 요소에 새 값을 할당하면 됩니다.
// 두 번째 요소 수정
fruits[1] = 'grape';
console.log(fruits); // Output: ['apple', 'grape', 'orange']
배열 길이 확인하기
배열의 길이는 length 속성을 통해 확인할 수 있습니다. length 속성은 배열에 저장된 요소의 개수를 나타냅니다.
console.log(numbers.length); // Output: 5
console.log(mixedArray.length); // Output: 3
배열에 요소 추가하기
새로운 요소를 배열에 추가하기 위해서는 push() 메소드를 사용합니다.
// 배열에 요소 추가
fruits.push('kiwi');
console.log(fruits); // Output: ['apple', 'grape', 'orange', 'kiwi']
배열에서 요소 제거하기
배열에서 요소를 제거하기 위해서는 pop() 메소드를 사용합니다. pop() 메소드는 배열의 마지막 요소를 제거하고 해당 요소를 반환합니다.
// 마지막 요소 제거
let removedElement = fruits.pop();
console.log(fruits); // Output: ['apple', 'grape', 'orange']
console.log(removedElement); // Output: kiwi
반복문을 사용한 배열 순회
for 루프나 forEach 메소드를 사용하여 배열의 요소를 순회할 수 있습니다.
// for 루프를 사용한 배열 순회
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
// forEach 메소드를 사용한 배열 순회
fruits.forEach(function(fruit) {
console.log(fruit);
});
배열은 자바스크립트에서 매우 유용한 데이터 구조로 다양한 활용이 가능합니다. 이번 글에서는 배열의 기본 개념과 주요 기능을 살펴보았습니다. 배열을 효과적으로 활용하여 자바스크립트 프로그래밍을 더욱 다양하고 효율적으로 개발해보세요!