자바스크립트 배열 관련

자바스크립트의 배열도 객체입니다. Array 객체로 보시면 되겠죠.

까꿍님 블로그 참고로 http://blog.naver.com/cacung82/10074384341 자바스크립트 배열 추가,삭제, 문자열반환에 대한 함수 및 사용법 정리했습니다.

 

• 배열 선언

 var empty = [];                                    //빈배열

 var empty = new Array();                       //빈배열

 var intArr = [1,2,3,4,5];                          //숫자배열

 var mixArr = [1,2,100,"abc"];                   //서로다른 타입이 섞인 배열

 var table = [base,base+1,base+2];         //임의 수식이 있는 배열

 var objArr = [[1,{x:1,y:2},[2,3]];               //객체 리터럴이나 또 른 배열 리터럴을 포함하는 배열

 

• 배열을 스택처럼 다루기

1) Array.shift();             // 배열의 첫 번째 원소 삭제

2) Array.unshift();          // 배열의 첫 번째 원소 추가

3) Array.push();             // 배열의 마지막 원소 추가

4) Array.pop();              // 배열의 마지막 원소 삭제

 

• 배열을 자르고 변경하고

1) slice()

- 배열내 배열 추출

var testArr = ['a', 'b', 'c', 'd' ];

document.write( testArr.slice(1) );          // ['b', 'c', 'd']

document.write( testArr.slice(1,3) );        // ['c', 'd'] -> 마지막 인덱스는 결과값에 포함되지 않는다.

 

2) concat() - 두 개의 Array를 합쳐서 하나의 Array로 리턴한다

 var alpha = ['a', 'b']

 var alpha2 = ['c', 'd', 'e']

 var str = alpha.concat( alpha2 ); 

document.write(str);               // ['a', 'b', 'c', 'd', 'e']

 

3) splice()

Array.splice(위치,삭제갯수,삽입요소1,삽입요소2,.....,삽입요소N)

예1)

var arr=["하나","둘","셋","넷"]

arr.splice(2,0,"둘반","둘반의반");

결과)

arr=>["하나","둘","둘반","둘반의반","셋","넷"]

 

예2)

var arr=["하나","둘","셋","넷"]

arr.splice(2,1,"둘반","둘반의반");

결과)

arr=>["하나","둘","둘반","둘반의반","넷"]

 

4) join() - 배열의 모든 원소를 문자열로 변환하고 이어 붙여서 반환,전달자로 구분자 

var a = [1,2,3];

var s = a.join();

document.write(s);   //  "1,2,3";