[Javascript] 배열

● 배열

     이름과 인덱스로 참조하여 정렬된 값의 집합

     같은 용도를 가진 변수들의 하나의 집합, 묶음, 그룹화

     배열 = 값1, 값2, 값3..... 

 

● Javascript 에서의 배열

    1. 타입이 고정되지 않았습니다.모든 자료형 무관하게 하나의 배열에 넣을 수 있습니다.

    2. 인덱스가 연속적이지 않아도 가능, 요소가 비어있을수가 있음

    3. 배열 : Array 객체(Object) 라는 자료형입니다.

 

var arr = ["배열요소1", 1, "배열요소3", true, [], function(){} ];      // [ ] 선언하는 것을 선호, 속도 빠르다.
var arr = Array("배열요소1", 1, "배열요소3", true, [], function(){});
var arr = new Array("배열요소1", 1, "배열요소3", true, [], function(){});

var arr1 = new Array(5);    // 5 : 배열의 크기(길이)를 의미로 바뀜
console.log(arr1);          // 숫자가 하나인 배열을 만들 수 없다는 문제
console.log(arr1[0]);       

var arr2 = [5];             // 5 : 배열의 첫번째 위치에 5를 저장
console.log(arr2);
console.log(arr2[0]);

 

● 배열의 키워드

    인덱스 : 배열의 위치, 값(요소)를 참고(호출)하고 싶을때 사용합니다. 0부터 시작.

    length : 길이(크기), 배열의 길이를 의미해주는 키워드

                 length = index+1 값입니다.

    요소 : 배열 속 데이터(값)

 

var arr = [1,2,3,4,5,"javascript"];

document.write("배열의 값 : " + arr + "<br>");			// 배열의 값 : 1,2,3,4,5,javascript
document.write("배열의 길이 : " +arr.length+ "<br>");		// 배열의 길이 : 6
document.write("배열의 0번째 값 : " +arr[0]+ "<br>");		// 배열의 0번째 값 : 1

 

 

● 배열의 데이터 추가하는 방법 3가지

 

// 1. push를 이용한 방법 (*맨끝 추가)
let arr = [ 2, "사과", 10 ];
arr.push("1");
console.log(arr);			// (4) [2, "사과", 10, '1']

// 2. length를 이용한 방법 (*맨끝 추가)
let arr = [ 'test', 2, 1 ];
arr[arr.length] = 99;
console.log(arr);			// (4) ['test', 2, 1, 99]
    
// 3. 특정한 인덱스 번호를 이용한 방법(*자유롭게 추가)
let arr = ['test', 2, 1, 99];
arr[2] = -1;
console.log(arr);			// (4) [ 'test', 2, -1, 99]

 

● 제거하는 법

 

// 1. delete : 요소에 담긴 값만 제거(배열의 길이는 무관)
let arr = ['test', 2, 1, 99];
delete arr[1];
console.log(arr);				// (4) ['test', ..., 1, 99]
console.log(arr[1]);				// undefined
    
// 2. pop : 요소에 담긴 값과 제거 및 길이 축소 (*맨끝 기준)
let arr = ['test',  , 1, 99];
arr.pop();
console.log(arr);				// (3) ['test', ..., 1]
console.log(arr[4]);				// undefined