本文讲解如何使用 JavaScript 的 filter() 和 map() 配合 some() 方法，从包含嵌套城市数组的对象列表中，筛选出至少有一个指定城市（如 "NY"）的对象，并仅保留 name 和 age 字段。
本文讲解如何使用 javascript 的 `filter()` 和 `map()` 配合 `some()` 方法，从包含嵌套城市数组的对象列表中，筛选出至少有一个指定城市（如 "ny"）的对象，并仅保留 `name` 和 `age` 字段。
在实际开发中，我们常遇到数据结构层级较深的场景：目标属性并非直接位于对象顶层，而是嵌套在数组或子对象中。例如，每个用户对象包含一个 totalCities 数组，其中每个元素是一个 { city: string } 对象。此时若想“查找所有居住过纽约（NY）的用户”，就不能再用简单的 x.city === filterCityBy，而需先判断嵌套数组中是否存在匹配项。
核心思路分为两步：
-
筛选（filter）：使用
some()检查totalCities数组中是否有任意一项的city值等于目标值； -
精简（map）：对筛选后的结果执行解构赋值，剔除
totalCities字段，只保留所需字段（如name、age），利用剩余参数语法...o实现安全、可扩展的字段提取。
以下是完整可运行示例：
const filterCityBy = "NY";
const data = [
{ name: "Harry", age: 45, totalCities: [{ city: "NY" }] },
{ name: "Mike", age: 36, totalCities: [{ city: "NY" }, { city: "CA" }] },
{ name: "Sarah", age: 29, totalCities: [{ city: "TX" }, { city: "FL" }] }
];
const filteredData = data
.filter(({ totalCities }) =>
totalCities.some(({ city }) => city === filterCityBy)
)
.map(({ totalCities, ...rest }) => rest);
console.log(filteredData);
// 输出: [ { name: "Harry", age: 45 }, { name: "Mike", age: 36 } ]
✅ 关键要点说明：
-
filter()中的解构{ totalCities }直接获取嵌套数组，避免冗余访问； -
some()返回布尔值，语义清晰且短路执行（找到首个匹配即停止），性能优于find()+!!或includes()； -
map()中的{ totalCities, ...rest }利用对象解构与剩余属性，自动排除totalCities，同时保留所有其他字段（如未来新增email或id字段也无需修改代码）； - 若需支持多条件（如同时匹配城市和状态），可将
some()内部逻辑扩展为复合判断。
⚠️ 注意事项：
- 确保
totalCities始终为数组类型，否则some()会报错。如数据可能为空或为null/undefined，建议增加防御性检查：.filter(item => Array.isArray(item.totalCities) && item.totalCities.some(c => c.city === filterCityBy)) - 若需区分大小写敏感匹配，当前写法已满足；如需忽略大小写，可改为
c.city?.toLowerCase() === filterCityBy.toLowerCase()。
该方案简洁、函数式、可读性强，是处理嵌套数组条件筛选的推荐实践。
