Javascript 需要帮助使用JS/jQuery编写更好的if语句吗

有没有更好的写作方法？似乎if语句可以以某种方式组合在一起

这是HTML

<header class="gray_bg" id="main_header">

---

把你的类放在数组中，然后用你得到的索引从中读取

var classes = ["gray_bg" ,"orange_bg","green_bg" ,"purple_bg"];
$("nav#main_nav li a").on('click', function(){
    var link = $("nav#main_nav li a").index(this);
    var banner = $("header#main_header");


    banner.attr('class', classes[link]);

});

---

把你的类放在数组中，然后用你得到的索引从中读取

var classes = ["gray_bg" ,"orange_bg","green_bg" ,"purple_bg"];
$("nav#main_nav li a").on('click', function(){
    var link = $("nav#main_nav li a").index(this);
    var banner = $("header#main_header");


    banner.attr('class', classes[link]);

});

这些类型的“针对单个变量的多if语句”作为一个变量工作得最好。然而，当您的所有代码分支基本上是并行的时，提供的答案（使用数字索引到数组中）非常好。使用下面的一个答案，但要注意开关的存在。这些类型的“针对单个变量的多if语句”作为一个整体效果最好。然而，当您的所有代码分支基本上是并行的时，提供的答案（使用数字索引到数组中）非常好。使用以下答案之一，但要注意开关的存在。

var classes = ["gray_bg" ,"orange_bg","green_bg" ,"purple_bg"];
$("nav#main_nav li a").on('click', function(){
    var link = $("nav#main_nav li a").index(this);
    var banner = $("header#main_header");


    banner.attr('class', classes[link]);

});