자바스크립트 배열의 기본 개념

06 Nov 2023

javascript

자바스크립트는 배열을 다루기 위한 강력한 기능을 제공합니다. 배열은 여러 개의 값을 하나의 변수에 저장하고 관리하는데 사용됩니다. 이번 블로그에서는 자바스크립트 배열의 기본 개념에 대해 알아보겠습니다.

배열이란?

배열은 동일한 타입의 여러 값을 하나의 변수에 저장하는 자료구조입니다. 예를 들어, 다음과 같은 배열을 생각해보세요.

let colors = ["red", "green", "blue"];

위의 예제에서 colors라는 배열 변수에는 세 가지 색상이 저장되어 있습니다. 배열은 각 요소에 인덱스를 사용하여 접근할 수 있습니다. 배열의 첫 번째 요소는 인덱스 0으로 시작하며, 인덱스는 오름차순으로 증가합니다.

배열의 생성

자바스크립트에서 배열을 생성하는 방법은 여러 가지입니다. 가장 일반적인 방법은 대괄호를 사용하여 배열을 정의하는 것입니다.

let numbers = [1, 2, 3, 4, 5];

또는 Array 생성자를 사용하여 배열을 생성할 수도 있습니다.

let fruits = new Array("apple", "banana", "orange");

배열 요소 접근

배열의 각 요소에는 인덱스를 사용하여 접근할 수 있습니다. 요소에 접근하는 방법은 다음과 같습니다.

let colors = ["red", "green", "blue"];

console.log(colors[0]); // "red"
console.log(colors[1]); // "green"
console.log(colors[2]); // "blue"

배열의 길이

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

let numbers = [1, 2, 3, 4, 5];

console.log(numbers.length); // 5

배열 메서드

자바스크립트는 다양한 배열 메서드를 제공하여 배열을 쉽게 조작할 수 있도록 지원합니다. 일반적으로 사용되는 배열 메서드 몇 가지를 살펴보겠습니다.

push() : 배열의 끝에 요소를 추가합니다.
pop() : 배열의 마지막 요소를 제거하고 반환합니다.
shift() : 배열의 첫 번째 요소를 제거하고 반환합니다.
unshift() : 배열의 시작 부분에 요소를 추가합니다.
slice() : 배열의 일부 요소를 추출하여 새로운 배열로 반환합니다.

let numbers = [1, 2, 3, 4, 5];

numbers.push(6); // [1, 2, 3, 4, 5, 6]
numbers.pop(); // [1, 2, 3, 4, 5]
numbers.shift(); // [2, 3, 4, 5]
numbers.unshift(0); // [0, 1, 2, 3, 4, 5]
numbers.slice(2, 4); // [2, 3]

요약

이번 블로그에서는 자바스크립트 배열의 기본 개념에 대해 알아보았습니다. 배열은 여러 값을 하나의 변수에 저장하고 조작하는 강력한 도구입니다. 배열을 다루는 방법을 익혀서 자바스크립트 프로그래밍을 더욱 효율적으로 할 수 있습니다.

더 자세한 내용은 MDN 문서를 참조하세요.

by AI Assistant