js把list根据某个字段分组

在JavaScript中，你可以使用数组的`reduce()`、`map()`以及`filter()`方法结合，或者使用第三方库如lodash的`groupBy()`函数来根据某个字段对数组进行分组。这里是一个基本的例子：

let list = [
  { name: 'Tom', age: 20 },
  { name: 'Jerry', age: 25 },
  { name: 'Spike', age: 20 },
  { name: 'Tyke', age: 5 }
];

// 使用内置方法分组
let groupedList = list.reduce((acc, item) => {
  acc[item.age] = (acc[item.age] || []).concat(item);
  return acc;
}, {});

// 输出结果：{ 20: [{ name: 'Tom', age: 20 }, { name: 'Spike', age: 20 }], 25: [{ name: 'Jerry', age: 25 }], 5: [{ name: 'Tyke', age: 5 }] }

相关问题

springboot mybatisplus vue多表(订单和订单明细)含参数分组汇总查询案例

在Spring Boot、MyBatisPlus和Vue.js项目中，处理多表关联查询，比如订单和订单明细的数据，通常涉及到从数据库中获取包含订单信息以及明细信息的结果，并按某个字段进行分组和汇总计算。这里提供一个简化的案例概述：

1. **数据模型**:
- 创建两个实体类：`Order`（订单）和`OrderDetail`（订单明细），它们通过主键互相关联。

// Order.java
public class Order {
    @TableId("id")
    private Long orderId;
    // ...其他字段
    @ManyToMany(CascadeType.ALL)
    private List<OrderDetail> orderDetails;
}

// OrderDetail.java
public class OrderDetail {
    @TableId("id")
    private Long detailId;
    // ...其他字段
    @ManyToOne
    private Order order;
}

2. **Repository接口**:
使用MyBatisPlus的动态SQL功能编写查询方法，如分页+统计汇总等。

// OrderRepository.java
public interface OrderRepository extends BaseMapper<Order> {
    Page<Order> findOrdersWithDetails(@Param("params") PageInfo params);
    Map<String, Object> getTotalAndSumByParams(@Param("params") Map<String, Object> params); // 汇总统计方法
}

3. **Service层**:
调用Repository接口并处理结果。

@Service
public class OrderService {
    @Autowired
    private OrderRepository orderRepository;

    public Page<Order> getOrderList(Map<String, Object> params) {
        return orderRepository.findOrdersWithDetails(params);
    }

    public Map<String, Object> getSummaryStats(Map<String, Object> params) {
        return orderRepository.getTotalAndSumByParams(params);
    }
}

4. **Vue组件**:
通过axios请求服务层，展示数据和汇总结果。

methods: {
    fetchData() {
      this.$http.post('/order', { params: this.searchParams }).then(response => {
        this.orders = response.data.data; // 列表数据
        this.summary = response.data.total; // 统计汇总数据
      });
    },
    // ...展示和操作列表和汇总的逻辑
}