each 반복문

 

1. Html Tag

//Html
<ul class="list"> 
	<li>Lorem ipsum dolor sit amet.</li> 
	<li>Lorem ior sit amet.</li> 
	<li>Lorem ipsum </li> 
</ul>


$('.list li').each(function(index, item) { 
	// item 은 해당 선택자인 객체
	$(item).addClass('li_0' + index); 
});

//결과
//li 의 클래스에 li_00, li_01, li_02 가 추가 됨

 

 

2. Array

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

//결과
0:값 = 0
1:값 = 8
2:값 = 4
3:값 = 10

 

3. Map

var map = { 
  'name': 'yamea', 
  'age': '99' 
}; 

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

 

 

4. JsonArray

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