제이쿼리 foreach 사용하기

제이쿼리에서 foreach문 사용하는 방법

1. 배열 사용

$.each() 함수를 사용하여 배열을 반복문 형태로 사용할 수가 있다.

ex)1

// 예제1
$.each([0,8,4,10], function(index, value) { 
      console.log(index + ':값 = ' + value); 
    });
 
//예제2
var arr = [0,8,4,10];
 
$.each(arr, function(index, value) { 
      console.log(index + ':값 = ' + value); 
    });

예제 1번과 2번을 실행하면

콘솔창엔 다음과 같은 결과가 동일하게  나온다

0:값 = 0
1:값 = 8
2:값 = 4
3:값 = 10

2. 맵 사용

맵형식을 가지고 있는 데이터를 사용할땐 key와 value의 쌍으로 사용한다.

ex)2

var map = { 
  'name': 'yamea', 
  'age': '99' 
}; 
$.each(map, function(key, value) { 
  console.log(key + ': ' + value); 
});
 
// 결과
name: yamea
age: 99

3. json 형식 데이터 사용

조금 더 나아가서 우리가 흔하게 사용하는 여러개의 오브젝트들이 담긴 배열을 사용할땐 조금만 응용을 하면 된다.

ex)3

var map1 = { 
          'name': 'yamea', 
          'age': '10' 
        };
var map2 = { 
          'name': 'yamea2', 
          'age': '20' 
        };
var map3 = { 
          'name': 'yamea3', 
          'age': '30' 
        };
var arr = [map1, map2, map3];
 
        $.each(map, function(key, value) { 
          console.log("이름 = "+ value.name); 
        });
        
        // 결과값
        
        이름 = yamea
        이름 = yamea2
        이름 = yamea3

위와 같은 방식으로 사용을 할 수 있다.

아주 간단한 방법으로 긴 for문을 사용하지 않고도 간단하게 사용할 수 있는 방법이다.