자바스크립트 for문 두 개

Question

중첩 for 문이 for문으로 감싸져있는 아이 안의 for문이 너무 많이 돌아서 불필요한 것같아서 분리를 시켜보려고 했는데 [i]값을 못찾는 것같아서 ㅎㅎ 코드리펙토링을 어떻게 하면 좋을까요? 첫번째 및 두번째 선택리스트 각각 다 선택했을 떄, action을 취하게 하려고 합니다!1 첫번째 선택 리스트 2. 두번째 선택리스트 중첩 for문을 사용했을 떄 //수강신청 step02 -start const bookList_topic_list &#61; document.querySelectorAll('.bookList-topic-list ') const bookList_book_list &#61; document.querySelectorAll('.swiper-slide') const prior_alert &#61; document.querySelector('#mzpopup_applyStep02_01') for (let a &#61; 0; a < bookList_topic_list.length; a&#43;&#43;) { bookList_topic_list[0].click(); //윈도우 로딩 시, 첫번째 토픽 선택 bookList_topic_list[a].addEventListener('click', function () { bookList_topic_list[a].classList.add('on') for (let t &#61; 0; t < bookList_book_list.length; t&#43;&#43;) { bookList_book_list[t].addEventListener('click', function () { bookList_book_list[t].classList.add('on') const topics_on &#61; bookList_topic_list[a].classList.contains('on') const books_on &#61; bookList_book_list[t].classList.contains('on') //튜터,일정 먼저 선택 모달 -start if (topics_on &#61;&#61; true && books_on &#61;&#61; true) { prior_alert.classList.add('show') } // 튜터,일정 먼저 선택 모달 -end }) } }) } //수강신청 step02 -end 리펙토링 시도한 소스 //수강신청 step02 -start const bookList_topic_list &#61; document.querySelectorAll('.bookList-topic-list ') const bookList_book_list &#61; document.querySelectorAll('.swiper-slide') const prior_alert &#61; document.querySelector('#mzpopup_applyStep02_01') for (let a &#61; 0; a < bookList_topic_list.length; a&#43;&#43;) { bookList_topic_list[0].click(); //윈도우 로딩 시, 첫번째 토픽 선택 bookList_topic_list[a].addEventListener('click', function () { bookList_topic_list[a].classList.add('on') }) } for (let t &#61; 0; t < bookList_book_list.length; t&#43;&#43;) { bookList_book_list[t].addEventListener('click', function () { bookList_book_list[t].classList.add('on') }) } //튜터,일정 먼저 선택 모달 -start const topics_on &#61; bookList_topic_list[a].classList.contains('on') const books_on &#61; bookList_book_list[t].classList.contains('on') if (topics_on &#61;&#61; true && books_on &#61;&#61; true) { prior_alert.classList.add('show') } // 튜터,일정 먼저 선택 모달 -end //수강신청 step02 -end

자바스크립트 for문 두 개

0개의 답변

#loop 목록