如何将重复的字符串变成函数？

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 是设置元素文本内容的正确方法。