[javascript] js 배열 사용법

1. 배열 생성하기

 - js는 배열에 문자열, 숫자 등이 혼합되어 들어간다.

// 길이가 0인 배열 생성
var array1 = new Array();

// 길이가 5인 배열 생성
// 생성된 5개의 자리에는 아무값도 없다.
var array2 = new Array(5);

// 생성 및 초기화
// js는 배열에 문자열, 숫자등이 혼합되어 들어간다.
var array3 = new Array("사과","바나나","키위",1,2);

 

2. 요소 접근하기

 - 배열의 인덱스는 0부터 시작한다.

 - 데이터가 존재하지 않는 인덱스를 사용하면 undefined가 나온다.

// "사과","바나나","키위",1,2
// 배열 길이 구하기
var arr3_length = array3.length;
console.log(arr3_length); // 5

// 특정 요소 가져오기
var ele1 = array3[1];
console.log(ele1); // 바나나

var ele2 = array3[10];
console.log(ele2); // undefined

 

3. 배열에 요소 추가하기

 - push() : 배열의 마지막 요소 다음에 추가한다.

array3.push("last");
// array3 = "사과","바나나","키위",1,2,"last"

// length를 이용하여 마지막에 요소 추가
// length는 배열의 마지막 요소 다음 인덱스다.
array3[array3.length] = "length_last";
// array3 = "사과","바나나","키위",1,2,"last","length_last"

 

4. 요소 삭제하기

 - delete : 자리는 남겨두되 요소만 삭제한다.

 - splice(index, count) : index 자리부터 count개를 지우고, 지워진 요소를 반환한다.

 - pop() : 마지막 요소를 제거하고, 제거된 요소를 반환한다.

 - shift() : 첫 번째 요소를 제거하고, 제거된 요소를 반환한다.

// array3 = "사과","바나나","키위",1,2,"last","length_last"

delete array3[0];
// array3 = empty,"바나나","키위",1,2,"last","length_last"

var val1 = array3.splice(2, 1);
console.log(val1); // 키위
// array3 = empty,"바나나","키위",2,"last","length_last"

var val2 = array3.pop();
console.log(val2); // length_last
// array3 = empty,"바나나","키위",2,"last"

var val3 = array3.shift();
console.log(val3); // 첫번째 요소가 empty상태이므로 undefined 출력
// array3 = "바나나","키위",2,"last"