मैं वैरिएबल को फिर से परिभाषित किए बिना एक जावास्क्रिप्ट शैली विशेषता को एक चर में कैसे शामिल कर सकता हूं?

var i = 0; 
arr = ['black','red','yellow', 'green'];  
document.querySelectorAll('button').forEach(function(btn) {
 arr.forEach(function(){                
           switch(arr[i]) {
           case "black":
           btn.style.backgroundColor = 'grey';
           break;
           case "yellow":
            btn.style.backgroundColor = 'red'; 
           break; 
           case "red": 
           btn.style.backgroundColor ='yellow'; 
           break;
           case "green": 
           btn.style.backgroundColor ='lime'; 
           break; 
           default: 
           btn.style.backgroundColor ='aqua'   
       }}) 
  i++
})

<button>click me</button>
<button>click me</button>
<button>click me</button>
<button>click me</button>
<button>click me</button>