检查多个阵列中的可用项目

Question

大家好日子。 我正在寻找主要是服务器端任务的前端解决方案。

假设我有3个以上的阵列 - 区域，船只和港口（可能更多）。

我期待的最终结果是 - 选择一个选项，例如区域，与该区域相对应的所有船舶和港口仍然存在，而其他船只和港口则消失。应该记住，一艘船可能对应许多地区。

不幸的是，无法向数据库发出ajax请求并进行检查。 我只能在页面加载时发出一个请求以获得可能的组合。

请您就如何进行JS过滤以及如何构建传入数据提出建议？

Answer 1

当您的申请第一次请求时，您可以发送此类回复。

{
    "regionName":{
        "ships":[ships array]
        "porst":[ports array]
    }
}

然后您可以按选定的区域值过滤此响应对象 即，regionData[selected region value]["ships"] and regionData[selected region value]["ports"]