javascript - 使用多个数组源的 JavaScript .map

Question

我有一个提供 4 个值的测试：

fPortTotal= 防火墙测试中有多少端口的数字。

fProtocol= 包含端口协议的数组（例如 UDP、TCP）

fPorts= 具有什么端口号的数组

fStatus= 根据端口打开或关闭的数组

在所有数组中，[0] 是第一个端口，[1] 是第二个端口，依此类推。我想使用 .map 方法在 .map 文件中显示每个端口的信息<p>。问题是我很难理解 .map 方法以及如何使用它。我相信函数的“骨架”应该是这样的：

function populateFw(fPorts, fStatus, fPortTotal, fProtocol) {
    var output = document.getElementById('firewallRes');
    var text = document.createElement ('p');
    text.id = 'firewallEndResults';
    text.innerHTML = arrayOfArrays.map;
}

任何帮助，将不胜感激。

标签： javascriptarraysarray.prototype.map

Answer 1

你可以尝试这样的事情：

function populateFw(fPorts, fStatus, fPortTotal, fProtocol) {
    var output = document.getElementById('firewallRes');
    fPorts.forEach((port, index) => {
       const text = document.createElement('p');
       text.innerText= `${port}: ${fProtocol[index]} - ${fStatus[index]}`;
       output.appendChild(text);
    })
}