자바스크립트는 배열(Array)을 다루는 강력한 기능을 제공합니다. 배열은 여러 개의 값을 하나의 변수에 저장하고, 해당 값들을 순서대로 접근하거나 조작할 수 있는 데이터 구조입니다. 자바스크립트 배열은 동적이기 때문에 크기를 가변적으로 조정할 수 있습니다.

배열 생성

자바스크립트에서 배열을 생성하는 방법은 다양합니다. 배열 리터럴을 사용하여 배열을 생성할 수도 있으며, Array 생성자 함수를 사용하여 배열을 생성할 수도 있습니다.

배열 리터럴을 사용한 배열 생성

const fruits = ['apple', 'banana', 'orange'];

Array 생성자 함수를 사용한 배열 생성

const numbers = new Array(1, 2, 3, 4, 5);

배열 요소 접근

배열 내의 각 요소는 인덱스를 사용하여 접근할 수 있습니다. 인덱스는 0부터 시작하며, 해당 인덱스에 위치한 요소를 참조합니다.

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits[0]); // 'apple'
console.log(fruits[1]); // 'banana'
console.log(fruits[2]); // 'orange'

배열 요소 변경

배열 내의 요소를 변경하기 위해서는 해당 인덱스에 새로운 값을 대입하면 됩니다.

const fruits = ['apple', 'banana', 'orange'];

fruits[1] = 'grape';

console.log(fruits); // ['apple', 'grape', 'orange']

배열 길이

배열의 길이는 length 속성을 통해 알아낼 수 있습니다.

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits.length); // 3

배열 메소드

자바스크립트 배열은 다양한 메소드를 제공하여 배열을 조작할 수 있습니다. 예를 들어, push() 메소드를 사용하여 배열의 끝에 요소를 추가할 수 있습니다.

const fruits = ['apple', 'banana', 'orange'];

fruits.push('grape');

console.log(fruits); // ['apple', 'banana', 'orange', 'grape']

다른 유용한 배열 메소드로는 pop(), splice(), concat(), slice(), forEach() 등이 있습니다. 이러한 메소드들은 배열을 다룰 때 많은 도움이 됩니다.

결론

자바스크립트 배열은 프로그램에서 데이터를 효율적이고 간편하게 다룰 수 있는 중요한 데이터 구조입니다. 배열을 잘 활용하여 프로그램을 작성하면 코드의 가독성과 유지 보수성을 높일 수 있습니다.