如何正确地将此代码放入for循环？

Question

JavaScript看起来像这样：

function playsound(button) {

switch(button){
case "button1":
    switch(soundbank){
        case 0:
            document.getElementById("audio1").load();
            document.getElementById("audio1").play();
            break;
        case 1:
            ...
            ...
case "button2":
    switch(soundbank){
        case 0:
            document.getElementById("audio2").load();
            document.getElementById("audio2").play();
            break;
case "button3":
    switch(soundbank){
        case 0:
            document.getElementById("audio3").load();
            document.getElementById("audio3").play();
            break;
case "button4":
    switch(soundbank){
        case 0:
            document.getElementById("audio4").load();
            document.getElementById("audio4").play();
            break;
case "..."
    ...
    ...
}}

这样的HTML：

<button onclick="playsound(this.id)" id="button1" </button>
<button onclick="playsound(this.id)" id="button2" </button>
<button onclick="playsound(this.id)" id="button3" </button>
<button onclick="playsound(this.id)" id="button4" </button>

<audio id="audio1">
    <source src="audio1.wav">
</audio>
<audio id="audio2">
    <source src="audio2.wav">
</audio>
<audio id="audio3">
    <source src="audio3.wav">
</audio>
<audio id="audio4">
    <source src="audio4.wav">
</audio>

我想将其大部分放入循环中，而不要使用1000行开关盒和If Else，但我无法解决。 有什么建议么？ 非常感谢。

Answer 1

使用字符串操作可以实现的功能令人惊讶。

document.getElementById("audio"+button.substring(6)).load();