[JS - jQuery] $.each(), $(“selector”).each(), $(this) - 개발자 배찌

JS에서 자주 사용되는 each문인데
$.each(functoin(index, item){ … } );
Index, item 이 가르키는것과
그 function 안에서 사용되는 $(this)의 개념이 잘 안잡혀있어서 정리하게 되었다.

요약하자면!!
두가지 표현이 있다.

1. jQuery 일반메서드인
$(“selector“).each(function(index, item){ … });

2. jQuery 유틸리티 메서드인
$.each(object, function(index, item){ … });
또는
$.each(arr, function(index, item){ … });

1번부터 살펴보면,

$(“selector“).each(function(index, item){
	console.log( $(this) );
 	console.log( $(item) );  
});

-> 여기에서 $(this)는 item과 같음. 주로 this 사용.
selector에 해당하는 객체를 가리킴!
-> index는 말그대로 인덱스. 0,1,2…

2번을 살펴보면,

$.each(object, function(index, item){ … });

-> index 는 object의 key값
-> item은 object의 value값

$.each(arr, function(index, item){ … });

-> index 는 말 그대로 Index
-> item 은 값을 의미한다.

참고 블로그!!
https://webclub.tistory.com/m/455

jQuery의 each() 메서드 알아보기