JavaScript中筛选符合特定房间计数条件的城市数据教程

本教程旨在指导您如何使用现代javascript方法，高效地处理嵌套对象数组数据。我们将通过一个实际案例，演示如何筛选出所有特定房间类型（如房间2、3、4）的计数均达到或超过预设阈值（如3）的城市，并提供获取匹配城市名称列表或完整城市数据对象的解决方案，同时讨论代码的健壮性和可扩展性。

理解数据结构与需求

在处理复杂数据时，首先清晰地理解数据的结构和业务需求至关重要。假设我们拥有一个名为 sales 的JavaScript对象，它存储了不同城市的销售数据。每个城市的销售数据是一个房间对象数组，每个房间对象包含 rooms（房间号）和 count（计数）属性。

const sales = {
  "City 1": [
    { "rooms": 1, "count": 1 },
    { "rooms": 2, "count": 2 },
    { "rooms": 3, "count": 3 }
  ],
  "City 2": [
    { "rooms": 1, "count": 1 },
    { "rooms": 2, "count": 1 },
    { "rooms": 3, "count": 1 },
    { "rooms": 4, "count": 2 }
  ],
  "City 3": [
    { "rooms": 2, "count": 6 },
    { "rooms": 4, "count": 7 }
  ],
  "City 4": [
    { "rooms": 1, "count": 4 },
    { "rooms": 2, "count": 6 },
    { "rooms": 3, "count": 3 },
    { "rooms": 4, "count": 7 }
  ]
};

我们的核心需求是：

1. 检查每个城市，看其是否满足以下条件：房间号为2、3和4的房间，其 count 值都必须至少为3。
2. 如果一个城市满足上述条件，我们希望将其识别出来。
3. 最终，我们需要获取所有满足条件的城市名称列表，或者包含这些城市完整数据的对象。此外，如果需要，我们还可以判断是否 所有 城市都满足这个条件。

构建核心筛选逻辑

为了实现上述需求，我们可以采用函数式编程的思路，将复杂的逻辑分解为更小、更易于管理和理解的函数。

1. 辅助函数：查找特定房间

首先，我们需要一个函数来帮助我们在一个城市的房间列表中快速找到特定房间号的数据。

立即学习“Java免费学习笔记（深入）”；

/**
 * 在一个城市的房间列表中查找指定房间号的房间对象。
 * @param {Array<Object>} city - 包含房间对象的数组。
 * @param {number} roomNbr - 要查找的房间号。
 * @returns {Object|undefined} 找到的房间对象，如果未找到则为 undefined。
 */
const findRoom = (city, roomNbr) =>
  city.find(({ rooms }) => rooms === roomNbr);

这个 findRoom 函数利用 Array.prototype.find() 方法，遍历 city 数组，返回第一个 rooms 属性与 roomNbr 相等的房间对象。如果找不到，则返回 undefined。

即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台，支持数字人形象定制、短视频创作、数字人直播等。

36

查看详情

2. 主筛选函数：识别匹配城市

接下来，我们将构建一个核心函数 findMatchingCities，它负责遍历所有城市，并应用我们的筛选逻辑。

/**
 * 筛选出满足特定房间计数条件的城市。
 * 条件是：房间号为2, 3, 4的房间，其count值都必须 >= 3。
 * @param {Object} citiesData - 包含所有城市销售数据的对象。
 * @returns {Array<Array>} 匹配的城市条目数组，每个条目形如 [cityName, cityData]。
 */
const findMatchingCities = (citiesData) =>
  Object.entries(citiesData).filter(([cityName, cityRooms]) =>
    [2, 3, 4].every(roomNbr => {
      const room = findRoom(cityRooms, roomNbr);
      // 使用可选链操作符 ?. 确保房间存在且 count 属性可访问
      return room?.count >= 3;
    })
  );

这个函数的工作流程如下：

• Object.entries(citiesData)：将 sales 对象转换为一个数组，其中每个元素都是一个 [key, value] 对，即 [城市名称, 城市房间数据数组]。
• filter(...)：遍历这些城市条目，只保留那些满足内部条件的城市。
• [2, 3, 4].every(...)：这是核心逻辑。对于每个城市，我们检查房间号2、3、4是否都满足条件。every() 方法确保所有指定的房间号都通过测试。
• findRoom(cityRooms, roomNbr)：调用我们之前定义的辅助函数，查找当前城市中特定 roomNbr 的房间。
• room?.count >= 3：这里使用了可选链操作符 (?.)。如果 room 对象存在（即 findRoom 找到了对应的房间），则检查其 count 属性是否大于或等于3。如果 room 不存在（undefined），那么 room?.count 将直接返回 undefined，undefined >= 3 会是 false，从而确保只有存在且计数达标的房间才通过验证。

获取期望结果

有了 findMatchingCities 函数，我们可以根据不同的需求获取最终结果。

1. 获取匹配的城市名称列表

如果只需要匹配城市的名称，我们可以对 findMatchingCities 的结果进行 map 操作。

/**
 * 获取所有满足条件的城市名称列表。
 * @param {Object} citiesData - 包含所有城市销售数据的对象。
 * @returns {Array<string>} 满足条件的

以上就是JavaScript中筛选符合特定房间计数条件的城市数据教程的详细内容，更多请关注php中文网其它相关文章！