JQuery_배열 관련 메서드

**배열정의 : let obj = []

**객체정의 : let obj = {} (콜론 방식 obj.속성명 or obj["속성명"])

 

 

• $("요소선택").each(function) / $.each($("요소선택"),function) : 배열에 저장된 문서 객체만큼 메서드 반복실행 (저장된 객체의 인덱스 순서대로 하나씩 접근하여 객체를 선택하고 인덱스를 구함

        

 //배열안에 객체 정의
 let obj=[
	{"area":"서울"},
	{"area":"부산"},
	{"area":"전주"}
];

 

1. $("요소 선택").each(function(매개변수1, 매개변수2){})

$(obj).each(function(i,o){  //i=인덱스번호, o=실제 배열의 데이터
	console.log(i+":"+o.area);
});

 

2. $.each($("요소선택"),function(매개변수1,매개변수2){})

$.each($("#menu2 li"),function(i,o){
         console.log(i + ":" + o); //작성한 태그정보를 배열로 가져와서 반복문을 사용할 수 있다
     });

 

3. $("요소선택").each(function(){$(this)})  / 4. $.each($("요소선택"),function() {$(this)})

 

$.each($("#menu2 li"),function(i,o){
        $(this).css({"background-color":"red"});// 대상을 읽어와서 css효과를 줄 때 사용
     });

 

 

• $.map() : - 배열에 저장된 데이터 수만큼 메서드 반복실행. true 일 경우에만 배열의 데이터가 새 배열에 저장

let newArr = $.map(obj,function(data,b){
       return data;
       });
        
console.log(newArr);

 - 현재 data를 배열 형식으로 return

 

 

•  $.index()

지정 선택 요소를 찾아서 인덱스 값 반환

 

let indxNUM = $("#menu li").index($("#list3"));
console.log(indxNUM);