[JavaScript] 배열(Array)

1. 배열

배열은 다수의 데이터를 묶어서 처리해야 하는 경우에 유용하게 사용된다. 

 

특히 배열과 for문을 같이 활용하면 100개 혹은 10000개 혹은 그 이상의 개수의 데이터들도 단 몇줄로 구현할 수 있게되고 인덱스를 비롯한 배열을 처리하는 여러가지 함수들을 통해 해당 데이터들에 손쉽게 접근하여 활용할 수 있게 된다.

 

즉 배열을 통해 코드를 훨씬 더 축소하여 효율적으로 사용할 수 있게 된다.

 

- 배열을 선언하는 방법

var arr1 = New Array();
var arr2 = New Array(1, 2, 3);
var arr3 = [1, 2, 3];
var arr4 = [];

 

- 배열에 원소를 추가, 제거하는 방법(push, unshift, pop, shift)

 배열에 원소를 추가하는 메소드는 두 가지가 있는데, 먼저 push()는 배열의 맨 끝에 새로운 원소를 추가하고 unshift()는 배열의 맨 앞에 새로운 원소를 추가한다.

 

1. push() = 맨 뒤에 추가

→ 반환값 : 원소가 추가된 배열의 길이(length)속성

2. unshift() = 맨 앞에 추가

→ 반환값 : 원소가 추가된 배열의 길이(length)속성

 

배열에서 원소를 제거하는 메소드애는 두 가지가 있다. pop()는 배열의 맨 끝의 원소를 제거하고 shift()는 배열의 맨 앞의 원소를 제거한다.

 

3. pop() = 맨 뒤 원소 제거

→ 반환값 : 원소가 제거된 배열의 길이(length)속성

4. shift() = 맨 앞 원소 제거

→ 반환값 : 원소가 제거된 배열의 길이(length)속성

- 배열에서 원소 찾는 방법

배열 속에서 특정 원소의 위치(인덱스 값)를 찾고싶을 때는 indexOf()메소드를 사용한다.

5. indecOf(찾을 값, 시작할 인덱스) = 인자로 받은 값의 인덱스값 반환

 

* 찾을 값이 존재하지 않으면 -1을 반환한다

인덱스 2 이후에는 "딸기"가 없으므로 -1 반환

* 찾을 값을 발견하면 메소드를 종료한다.

인덱스 5번에도 1이 존재하지만 0번에 위치한 1만 반환하고 종료

** 모든 값을 찾는 방법(while 이용)