탭기능 만들며 배우는 for 반복문 질문

    for(let i = 0; i < 3; i++){
         document.querySelectorAll('.tab-button')[i].addEventListener('click', function(){
            // document.querySelectorAll('.tab-button')[i].classList.remove('orange');
            document.querySelectorAll('.tab-button')[0].classList.remove('orange');
            document.querySelectorAll('.tab-button')[1].classList.remove('orange');
            document.querySelectorAll('.tab-button')[2].classList.remove('orange');

            document.querySelectorAll('.tab-button')[i].classList.add('orange');
            
            // document.querySelectorAll('.tab-content')[i].classList.remove('show');
            document.querySelectorAll('.tab-content')[0].classList.remove('show');
            document.querySelectorAll('.tab-content')[1].classList.remove('show');
            document.querySelectorAll('.tab-content')[2].classList.remove('show');
            document.querySelectorAll('.tab-content')[i].classList.add('show');

            console.log(i)  
        });
    }

알려주신대로 이렇게 하니까 잘 되긴 하는데, document.querySelectorAll('.tab-button')[i].classList.remove('orange');
이 방법으로는 전체 reomve가 힘들까요?