将if语句转换为switch语句

Question

我需要将函数中的if语句转换为switch语句以进行赋值。该功能需要做的是，当用户按下“提交”按钮时，将用户输入的内容显示为列表项。当输入数量等于5时，显示“感谢您的建议。”

我将原始的if语句作为注释。

我不确定从这里到哪里，所以它的作用与if语句相同。

    <article>
        <div id="results">
            <ul>
                <li id="item1"></li>
                <li id="item2"></li>
                <li id="item3"></li>
                <li id="item4"></li>
                <li id="item5"></li>
            </ul>
            <p id="resultsExpl"></p>
        </div>
        <form>
            <fieldset>
                <label for="toolBox" id="placeLabel">
                    Type the name of a tool, then click Submit:
                </label>
                <input type="text" id="toolBox" />
            </fieldset>
            <fieldset>
                <button type="button" id="button">Submit</button>
            </fieldset>
        </form>
    </article>
    <script>
        // global variables
        var i=1;
        var listItem = "";
        // function to add input to list
        function processInput() 
        {
            /*
            if (i<=5) 
            {
                listItem = "item" + i;
                document.getElementById(listItem).innerHTML = document.getElementById("toolBox").value;
                document.getElementById("toolBox").value = "";
                if (i==5) 
                {
                    document.getElementById("resultsExpl").innerHTML = "Thanks for your suggestions.";
                }
                i++;
            }
            */
            switch (i) {
                case 5:
                    document.getElementById("resultsExpl").innerHTML = "Thanks for your suggestions.";
                    break;
                case default:
                    listItem = "item" + i;
                    document.getElementById(listItem).innerHTML = document.getElementById("toolBox").value;
                    document.getElementById("toolBox").value = "";
                    i++;
            }
        }
        // adds backward compatible event listener to Submit button
        var submitButton = document.getElementById("button");
        if (submitButton.addEventListener) {
            submitButton.addEventListener("click", processInput, false);
        } else if (submitButton.attachEvent) {
            submitButton.attachEvent("onclick", processInput);
        }
    </script>

Answer 1

我将引自道格拉斯·克罗克福德（Douglas Crockford）：Javascript the good parts

switch语句是一个主管功能。像最有能力的功能，它有很多问题-使用要求在案例中的每条陈述之后，程序控制流，不合适的语法，代码块的处理等等！不幸的是，解决这些问题将需要我们重写它在核心运行，并且规格将完全改变，这对于JavaScript之类的语言会造成大量倒退兼容性问题。

底线：坚持if / else if / else语句。