[javascript]배열

정말 자바스크립트를 사용하는 데에 있어 배열은 필수입니다

 

선언은 간단합니다 대괄호를 이용해 선언합니다

var array = [1,2,3,4,5];

이와 같이 선언하고 배열에서 자주 사용되는 여러 가지 메서드가 있습니다 먼저 가장 기본적인

길이를 알려주는 메서드는 length입니다

array.length;

 이와 같이 입력하면 아마 5라는 값이 나올 겁니다 

 

concat 메서드는 서로 값을 합쳐줍니다 

위의 배열에 array.concat(6,7); 하면 array의 값은  [1,2,3,4,5,6,7]

이 됩니다 

 

array.reverse()는 인자가 없고 말 그대로 배열 내용을 통째로 바꿉니다 

위에서 1,2,3,4,5,6,7 이였으면 7,6,5,4,3,2,1로 변경됩니다

 

그리고 중요한 push입니다 배열의 마지막에 해당 인자를 추가합니다

array.push(8); 이면 

1,2,3,4,5,6,7,8 이 됩니다 

 

반대로 pop 하게 되면 8이라는 데이터가 빠지게 되며 리턴됩니다

 

또 중요한 map입니다

배열 안에 내용들을 반복하면서 함수 안에서 내용을 변경합니다

var array = [1,2];

array.map(function(num) {

	return num + 2 ;

}

이렇게 되면 리턴 값은 어떻게 될까 생각해보면 array의 첫 번째 값 1 은 3이 되어있고 2는 4가 되어서 

리턴될 것이다 

 

여기서 중요한 것은 map을 사용하면 기존 배열을 리턴하는 것이 아니라 새로운 배열을 생성해서

리턴한다는 것이다

 

이 전 내용에 작성한 함수 쪽을 보게 되면 짝수인지 홀수인지 체크하는 함수를 봤을 것이다

그게 배열에 들어있고 그 배열의 내용을 하나하나 체크하게 된다면 아마 이런 반복문이 들어갈 것이다

var array = [1,2,3,4,5];
var newarray = [];

function arrayOdd(){

    for (var i = 0; i < array.length; i++){

        if ( array[i] % 2 == 0 ) {

            newarray.push(array[i]);    	

        }

    }

    return newarray;
}

이러한 함수를 쓰면 너무 복잡해지며 길어진다 이때 사용하는 것이 필터 메서드이다 

 

소스가 더욱 간단해진다 

var array = [1,2,3,4,5,6,7,8];

array.filter(function(num) {

	return num % 2 == 0;

});

이러면 짝수만 걸러서 array에는 2,4,6,8의 값만 남아 있을 겁니다

 

사용방법은 배열 안의 요소에 접근해 필터링하고 필요한 값만 추출해 낼 때 유용하게 사용한다

굳이 반복문을 사용해서 걸러낼 필요가 없다는 말이다 소스가 한결 가벼워지고 깔끔해진다 

물론 알고 있는 사람들에 한해서 말이다