🌟js 对象数组合并：轻松搞定数组对象合并难题🌟

• 2025-04-08 20:52:12

摘要在日常开发中，我们经常需要对多个对象数组进行合并操作，尤其是当数据结构中存在一对多的关系且中间隔了一层时，处理起来可能会让人头疼。...

在日常开发中，我们经常需要对多个对象数组进行合并操作，尤其是当数据结构中存在一对多的关系且中间隔了一层时，处理起来可能会让人头疼。今天就来聊聊如何优雅地解决这个问题！💻✨

假设你有两个对象数组，一个是一对多的关系，比如用户和订单。每个用户可能有多个订单，而订单信息被嵌套在用户对象内。为了将这些数据合并成一个更直观的结构，可以使用 JavaScript 的 `reduce` 方法结合 `find` 或 `map` 函数。例如：

```javascript

const users = [

{ id: 1, name: 'Alice', orders: [{ id: 101, product: 'Apple' }] },

{ id: 2, name: 'Bob', orders: [{ id: 102, product: 'Banana' }, { id: 103, product: 'Orange' }] }

];

// 合并后的结果

const merged = users.reduce((acc, user) => {

user.orders.forEach(order => acc.push({ ...user, order }));

return acc;

}, []);

console.log(merged);

```

通过上述方法，你可以轻松地将嵌套的数据展平，并形成一个新的数组，便于后续的数据展示或进一步处理。😉

掌握这一技巧后，无论是处理报表数据还是构建复杂页面逻辑，都能事半功倍！💪🎉

标签：