如何基于嵌套对象属性过滤数组并提取指定字段？

你可以通过结合filter和map方法，配合some检查嵌套数组的条件，实现需求：

const filterCityBy = "NY";
const data = [ 
  { name: "Harry", age: 45, totalCities: [{ city: "NY"}]},
  { name: "Mike", age: 36, totalCities: [{ city: "NY"}, {city: "CA"}] }
];

const result = data
  // 第一步：筛选出totalCities包含目标城市的元素
  .filter(item => item.totalCities.some(cityEntry => cityEntry.city === filterCityBy))
  // 第二步：只提取name和age字段
  .map(({ name, age }) => ({ name, age }));

console.log(result);
// 输出结果：[ { name: "Harry", age: 45 }, { name: "Mike", age: 36 } ]

步骤说明： #

• 过滤逻辑：filter方法负责保留符合条件的数组元素。这里用totalCities.some(...)判断当前元素的嵌套数组中是否存在city等于filterCityBy的项——some会在数组中找到第一个满足条件的元素时就返回true，效率较高。
• 字段提取：map方法遍历过滤后的数组，通过对象解构直接取出name和age属性，返回只包含这两个属性的新对象，匹配你需要的输出格式。

内容的提问来源于stack exchange，提问作者Aren Trot