[JavaScript] 배열이란??

1. 배열의 정의

• JavaScrtip 에서의 배열(Array)이란 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 합니다.
• JavaScript 에서 배열의 특징은 다음과 같습니다.
  1. 배열(array)요소의 타입은 고정되어 있지 않으므로 같은 배열 안에 있는 배열의 요소들의 타입이 다를 수 있습니다. (ex: [string, string, Number, bool, ...])
  2. 배열 요소의 인덱스가 연속적이지 않아도 되며, 그에 따라 특정 배열 요소가 비어 있을 수도 있습니다.
  3. JavaScript에서 배열은  Array 객체로 다뤄집니다.

2. 배열의 생성

• JavaScript에서 배열을 만드는 방법

let arr = [배열요소_1, 배열요소_2, 배열요소_3, ...];
// 배열 리터럴을 이용하는 방법

let arr = Array(배열요소_1, 배열요소_2, 배열요소_3, ...);
// Array 객체의 생성자를 이용하는 방법

let arr = new Array(배열요소_1, 배열요소_2, 배열요소_3, ...);
// new 연산자를 이용한 Array 객체 생성방법

• 위의 세 가지 방법은 모두 동일한 결과의 배열을 만들어 줍니다.
• 배열 리터럴은 대괄호 " [ ] " 안에 배열 요소를 쉼표로 구분하여 나열하는 방법으로 생성합니다.

let arrLit = [1, "JavaScript String", true]; 
// 배열 리터럴을 이용한 방법

// 결과 : 1, JavaScript String, true


let arrObj = Array(2, "JavaScript Array", false);
// Array 객체의 생성자를 이용한 방법

// 결과 : 2, JavaScritpt Array, false


let arrNewObj = new Array(3, "JS Study", true);
// new 연산자를 이용한 Array 객체 생성 방법

// 결과 : 3, JS Study, true

3. 배열의 참조

• JavaScript에서 배열의 각 요소를 참조하고 싶을 때에는 배열 리터럴과 동일하게 대괄호 " [ ] " 를 사용합니다.

let arr = [1, "String", true];

arr[0];
// 결과 : 1

• JavaScript에서 배열 요소의 개수를 배열의 길이라고 하는데, 이러한 배열의 길이는 length 프로퍼티에 자동으로 갱신됩니다.
• JavaScript에서 인덱스(index)는 항상 '0' 부터 시작됩니다. 또한, 인덱스에서는 음이 아닌 정수를 반환하는 임의의 표현식도 사용할 수 있습니다. 이러한 인덱스에서는 2의32승 = 4,294,967,296 보다 작은 양수만을 사용 할 수 있습니다.

4. 배열의 순회(iteration)

• 배열의 모든 요소에 차례대로 접근하고 싶을 때에는 for 문과 같은 반복문을 사용하여 접근할 수 있습니다.

let arr = [1,"String", true];

let result = "<table><tr>";
for (let idx in arr) {
	result += "<td>" + arr[idx] + "</td>";
}

result += "</tr></table>";

document.write(result);

 

See the Pen JavaScript Sample by 김기태 (@kkt9102) on CodePen.

출처 :  http://www.tcpschool.com/javascript/js_array_basic