javascript - 有没有办法使用数组来简化代码？

Question

有没有办法通过使用数组来简化下面的代码？例如，当单击 HTML 中的按钮 1(索引为 0)时，是否可以使用它来获取另一个数组中索引 0 处的值？

function f1() {
  document.getElementById("dis").innerHTML = "JoeMae";
}

function f2() {
  document.getElementById("dis").innerHTML = "TanakaMae";
}

function f3() {
  document.getElementById("dis").innerHTML = "James";
}

function f4() {
  document.getElementById("dis").innerHTML = "Deus";
}

<button onclick="f1()">no.1</button>
<button onclick="f2()">no.2</button>
<button onclick="f3()">no.3</button>
<button onclick="f4()">no.4</button>
<p id="dis"></p>

Answer 1

您可以在不使用数组的情况下进行简化:

<button onclick="f('JoeMae')">no.1</button>
<button onclick="f('TanakaMae')">no.2</button>
<button onclick="f('James')">no.3</button>
<button onclick="f('Deus')">no.4</button>
<p id="dis"></p>

function f(str) {
  document.getElementById("dis").innerHTML = str;
}