javascript - 如何将重复的字符串转换为函数？

Question

目前，我正在从 API 获取信息 - 我想将该信息以更便于用户查看的方式转换到我的网站上。这里的问题是我正在寻找的变量的数量随着其中的答案不断变化，所以我正在寻找一个函数，如果有另一个“车辆”，它将添加一个带逗号的段落 -也许我没有解释清楚，所以我会举个例子。

目前我是这样的:

document.getElementById("vehicle").innerHTML = data.vehicles[1]['classname']
document.getElementById("vehicle").innerHTML = data.vehicles[2]['classname']
document.getElementById("vehicle").innerHTML = data.vehicles[3]['classname']

我不想把它写一百万次，而是想创建一个函数，每次它在 api 中看到上面的元素时，添加到我的代码中。

例如我有

<p id="vehicle">...</p>

在我的 HTML 中，如果我的 api 中有 1 辆车的类名是 Car，它将替换 ...与 Car .如果有 2 辆车，其中一辆的类名是 Car和另一个 Boat ，它将取代 ...与 Car, Boat - 希望这是有道理的

Answer 1

content = data.vehicles.map(v => v.classname).join(", ");
document.getElementById("vehicle").textContent = content;

附录

1. data.vehicles.map(v => v.classname)
   遍历 data.vehicles 数组并只获取类名。

   例如，如果我们有 [{classname: "Car"}, {classname: "Boat"}]，那么我们将得到 ["Car", "Boat"] 返回。

2. .join(", ")
   通过 ", " 加入元素。

   例如，如果我们有["Car", "Boat"]，那么我们将返回"Car, Boat"。

   <

3. document.getElementById("vehicle").textContent
.textContent是设置元素文本内容的正确方法。