服务端JavaScript：如何更新数组中城市的香蕉、芒果计数？

嘿，这个需求在服务端JS里实现起来很简单，我给你两种实用的方案，你可以根据数据规模来选：

方案一：数组直接操作（直观易读，适合小数据量） #

这种方法逻辑清晰，用数组的findIndex方法快速定位城市是否存在：

// 假设你的待处理城市列表是这样的结构（每个元素包含城市名和要更新的数量）
const cityUpdates = [
  { City: "ABQ", Banana: 3, Mango: 2 },
  { City: "NYC", Banana: 7, Mango: 5 },
  { City: "ABQ", Banana: 2, Mango: 4 }
];

// 遍历每个待更新的城市项
cityUpdates.forEach(update => {
  // 查找数组中是否已有该城市的记录
  const existingIndex = orderDetails.findIndex(detail => detail.City === update.City);
  
  if (existingIndex !== -1) {
    // 存在则累加数量（如果是替换数量，把`+=`改成`=`即可）
    orderDetails[existingIndex].Banana += update.Banana;
    orderDetails[existingIndex].Mango += update.Mango;
  } else {
    // 不存在则新增一条记录
    orderDetails.push({
      City: update.City,
      Banana: update.Banana,
      Mango: update.Mango
    });
  }
});

说明 #

findIndex会返回第一个匹配元素的索引，找不到则返回-1。这个方法在数组元素不多的时候非常好用，代码也容易维护。如果你的服务端JS环境比较老旧（不支持ES6），可以用for循环手动遍历找索引，逻辑是一样的。

方案二：对象映射优化（性能更优，适合大数据量） #

如果你的城市数量很多，数组每次查找的效率会比较低，这时候可以先把数组转成以城市名为key的映射对象，操作完再转回数组（如果需要保持原数组格式的话）：

// 先将原数组转为映射对象，方便快速查找
const detailMap = {};
orderDetails.forEach(detail => {
  detailMap[detail.City] = { Banana: detail.Banana, Mango: detail.Mango };
});

// 遍历待更新列表，操作映射对象
cityUpdates.forEach(update => {
  if (detailMap[update.City]) {
    // 已有城市，更新数量
    detailMap[update.City].Banana += update.Banana;
    detailMap[update.City].Mango += update.Mango;
  } else {
    // 新城市，添加到映射
    detailMap[update.City] = { Banana: update.Banana, Mango: update.Mango };
  }
});

// 若需要转回原数组格式
orderDetails = Object.entries(detailMap).map(([City, counts]) => ({
  City,
  ...counts
}));

优势 #

对象的属性查找是O(1)时间复杂度，比数组的O(n)查找高效得多，当处理大量城市数据时，这种方法能明显提升性能。

额外注意 #

• 确保城市名的大小写一致，比如"ABQ"和"abq"会被视为不同城市，如果需要忽略大小写，可以把比较逻辑改成detail.City.toLowerCase() === update.City.toLowerCase()。
• 如果你的需求是覆盖原有数量而非累加，直接替换赋值即可，不用+=。

内容的提问来源于stack exchange，提问作者Dan Soares