자바스크립트(JS) Array 객체, 배열
이번 글에서는 Array 객체와 배열에 대해서 알아보겠습니다.
- Array 객체
배열을 다루기 위해 제공되는 내장 객체입니다.
배열은 여러 개의 값들을 순서대로 저장하는 자료구조로, 하나의 변수에 여러 값을 담을 수 있습니다.
Array 객체는 배열을 생성하고 조작하는 다양한 메서드를 제공하여 데이터를 보다 효율적으로 다룰 수 있도록 도와줍니
다.
가계부를 예로 들어볼까요? 가계부에는 날짜 별로 수입과 지출 내역이 순서대로 저장됩니다. 그렇게 순서를 가진 것을
배열이라고 부릅니다. 가계부라는 변수에 순서대로 다양한 수입과 지출 내용(정보)을 담을 수 있는 것이죠.
- 배열 만들기
1. 배열 리터럴 표기법
배열 리터럴 표기법은 간단하게 배열을 생성하는 방법입니다.
대괄호([])를 사용하여 배열을 정의하고, 쉼표(,)로 각 요소들을 구분합니다.
// 배열 리터럴 표기법을 사용한 배열 생성
var numbers = [1, 2, 3, 4, 5];
위의 코드에서 numbers는 배열을 나타내는 변수로, 1부터 5까지의 숫자가 순서대로 저장된 배열이 생성됩니다.
2. Array 생성자 함수
Array 생성자 함수를 사용하여 배열을 생성하는 방법입니다.
new Array()와 같이 생성자 함수를 호출하여 배열을 만들 수 있습니다.
// Array 생성자 함수를 사용한 배열 생성
var fruits = new Array("apple", "banana", "orange");
위의 코드에서 fruits는 배열을 나타내는 변수로, "apple", "banana", "orange"가 순서대로 저장된 배열이 생성됩니다.
3. 객체로 배열 만들기
자바스크립트에서는 객체를 사용하여 배열을 만들 수도 있습니다.
배열과 객체는 모두 키-값 쌍으로 데이터를 저장하는 데 사용됩니다.
// 객체로 배열 만들기
var person = {
name: "Taram",
age: 30,
gender: "male",
};
// 배열에 접근하여 데이터 가져오기
var name = person.name; // "Taram"
var age = person.age; // 30
위의 예제에서 person은 객체로 배열을 나타내는 변수입니다.
각 속성은 키(속성 이름)-값 쌍으로 저장되어 있으며, 특정 속성 이름을 사용하여 해당 값을 가져올 수 있습니다.