each문

JQuery each문 까지는 인터넷검색으로 확인을 했는데

each문을 중첩할 경우에는 어떤식으로 값이 나오는지 궁금해서 테스트 해봄

var arr1= [
    {   
        title : 'daum', 
        url : 'http://daum.net',
        category : {topic : '정치', url : 'https://news.daum.net/politics#1'}
    },
    {   
        title : 'naver', 
        url : 'http://naver.com',
        category : {topic : '사회', url : 'https://search.naver.com/search.naver?where=news&sm=tab_jum&query=%EC%A0%95%EC%B9%https://search.naver.com/search.naver?sm=tab_hty.top&where=news&query=%EC%82%AC%ED%9A%8C&oquery=%EC%A0%95%EC%B9%98&tqi=h2TDNwp0J14ss7Cp9ANsssssspd-512147'}
    }
];

// 꼭 인자를 index와 item으로 할 필요는 없음
// category의 topic과 url의 value 가져오기
$.each(arr1, function (index, item) {
    let result = '';
    result += index +' : ' + item.title + ', ' + item.url;
    console.log(result);
    // 0 : daum, http://daum.net, [object Object]
    // 1 : naver, http://naver.com, [object Object]

    $.each(item.category, function(index, item) {
        // index에는 key 값이 들어간다고 생각하자
        let result1 = '';
        result1 += index +' : ' + item;
        console.log(result1);
    })
})
// 0 : daum, http://daum.net
// topic : 정치
// url : https://news.daum.net/politics#1

// 1 : naver, http://naver.com
// topic : 사회
// url : https://search.naver.com/search.naver?where=news&sm=tab_
// jum&query=%EC%A0%95%EC%B9%https://search.naver.com/search.naver?sm=tab_hty.
// top&where=news&query=%EC%82%AC%ED%9A%8C&oquery=%EC%A0%95%EC%B9%98&tqi=h2TDNwp0J14ss7Cp9ANsssssspd-512147