Jquery 배열설정 관련

JQuery에도 배열은 존재한다. 그럼 배열을 어떻게 다루는가??????

우선 배열을 알기전에 배열이 하나 있다고 했을 시, 값들을 처리하는것을 배워야 된다.

처리하는값은 언어에서 배우는 foreach와 같다.

우선 기본 배열이 있다 .

var array = [array1, array2, array3, array4, array5]

Jquery에서도 배열은 위와같이 지정하여 쓰면된다.

.each();

$.each(array, function(index,value){

$('#array').append(<li>value</li>);

});

위와 같이 하나씩의 값을 받아와서 처리를 하면된다.

위와 같은 식은 index,value를 받는것이며 key값과 value값을 받는것으로도 고칠수 있다.

혹은 this를 쓰면

$.each(array, function(){

$('#array').append(<li>this</li>);

});

위와 같이 식이 더 간단해 지는것을 알수있다.

또, 배열을 필터링 할시 JQuery.grep을 사용할수있다.

.grep

array = $.grep(array,function(value,i){

return(value.indexOf('a')==0);

});

위는 a로 시작되는 배열값들을 뽑아내는것이다.

그럼 아래와 같이 연속수정에 대해 알아보자

.map

array = $.map(array,function(value,i){

return value.substr(0,3);

});

위의 식은 배열을 읽어서 처음 3자만 뽑아내는 것이다.

또, 위와같이 지정된 2개의 배열이 있다고 할때 배열을 결합할수도있다.

.merge

var newArray = $.merge(a,b);

a,b의 2배열이 있을때 배열의 내용을 합치는 내용이다.