자바스크립트 배열 선언 JavaScript Array
자바스크립트 배열 선언 JavaScript Array
■ 여러 개의 변수에 각각의 데이터를 저장하고 따로 관리하는 것보다 이것들을 하나로 묶어서 관리하는 게 당연히 편할 텐데요. 이렇게 여러 개의 변수를 하나로 묶어서 관리할 수 있는 것을 배열이라고 생각하면 됩니다.
■ 예를 들어 다음과 같이 각각의 변수에 데이터를 저장한다고 가정해볼게요.
▲ a, b, c의 변수에 각각 데이터를 저장하는 것보다 aaa라는 하나의 배열[]에 연속적으로 데이터를 저장할 수 있습니다. 위 예제에서 배열 부분을 다시 한 번 정리하자면 다음과 같이 aaa []={10, 20, 30}의 형태가 됩니다. 따라서 aaa 배열에는 세 개의 값이 저장되어 있고 세 개의 값 중에 두 번째 값은 20입니다. 이 값에는 인덱스값으로 접근할 수 있는데 aaa[인덱스] 입니다. 그런데 배열의 인덱스는 "0"으로 시작하는 걸 주의해야 합니다. 즉, 두 번째 값을 찾고 싶다면 첫 번째는 [0]이니까 [1]의 값을 찾아야 합니다. [2]가 두 번째 값이 아닙니다. 배열의 인덱스 시작은 "0"이라는거 다시 한 번 머리에 넣고 넘어가겠습니다.
■ 여기서는 세 개의 데이터만 저장하고 있지만, 수 천개의 데이터 중에서 413번째 데이터를 찾는다고 가정하면 aaa[412]의 값을 찾으면 쉽겠죠? 이렇게 여러 개의 데이터를 하나의 배열에 저장하고 있다가 인덱스값을 이용해서 각각의 값에 접근할 수 있는 게 배열입니다.
▣ 다음은 자바스크립트에서 배열을 선언하는 방법을 알아보겠습니다.
배열을 선언하는 방법은 다음과 같습니다.
var 배열이름 =new Array(); 또는 var 배열이름 =[];
두 번째 방법이 더 간편하니까 편하겠죠?
이렇게 선언된 배열을 초기화하는 방법은 다음과 같습니다.
var 배열이름 = new Array(10, 20, 30....); 또는 var 배열이름=[10, 20, 30....];
배열의 초기화 방법 역시 두 번째가 간편하겠죠? 여러분이 편한 방법으로 선언하고 초기화하시면 됩니다.
간단하게 배열 예제를 하나 만들어서 이해해볼게요.
▲ 자바스크립트의 내용만 보면... aaa와 bbb라는 이름의 배열을 선언하고 각각 순서대로 숫자와 문자열을 넣었는데요. 인덱스별로 데이터를 알 수 있겠죠. 출력 내용은 aaa 배열의 첫 번째(100)와 세 번째(300) 값을 더해서 출력하도록 했구요. 문자열 배열에서는 두 번째의 값("이순신")을 출력하도록 하고 있습니다.
▲ 각각의 인덱스에 해당하는 데이터를 연산해서 출력하게 됩니다.
이렇게 해서 자바스크립트의 배열 중에서 기본인 1차원 배열을 선언하고 초기화하는 과정을 알아봤습니다. 수고하셨어요.