当前位置：首页 > JavaScript

js实现多表连接

2026-01-30 23:39:21JavaScript

多表连接的概念

多表连接是指将多个数据表按照某种关联条件进行合并，生成一个包含多个表数据的查询结果。在JavaScript中，可以通过数组操作或使用库如Lodash实现类似功能。

使用原生JavaScript实现

通过数组的map、filter和reduce方法可以实现多表连接。以下是一个内连接（INNER JOIN）的示例：

js实现多表连接

const users = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' }
];

const orders = [
  { id: 1, userId: 1, product: 'Laptop' },
  { id: 2, userId: 2, product: 'Phone' }
];

const result = users.map(user => {
  const userOrders = orders.filter(order => order.userId === user.id);
  return { ...user, orders: userOrders };
});

console.log(result);

使用Lodash库实现

Lodash提供了_.merge和_.keyBy等函数，可以简化多表连接操作：

const _ = require('lodash');

const users = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' }
];

const orders = [
  { id: 1, userId: 1, product: 'Laptop' },
  { id: 2, userId: 2, product: 'Phone' }
];

const usersById = _.keyBy(users, 'id');
const ordersByUserId = _.groupBy(orders, 'userId');

const result = _.map(users, user => ({
  ...user,
  orders: ordersByUserId[user.id] || []
}));

console.log(result);

实现左连接（LEFT JOIN）

左连接会返回左表的所有记录，即使右表中没有匹配：

js实现多表连接

const leftJoin = (leftArr, rightArr, leftKey, rightKey, mergeFn) => {
  return leftArr.map(leftItem => {
    const rightItem = rightArr.find(right => right[rightKey] === leftItem[leftKey]);
    return mergeFn(leftItem, rightItem || {});
  });
};

const result = leftJoin(
  users,
  orders,
  'id',
  'userId',
  (user, order) => ({ ...user, ...order })
);

实现多表复杂连接

对于多表复杂连接，可以链式调用连接函数：

const departments = [
  { id: 1, name: 'Engineering' },
  { id: 2, name: 'Marketing' }
];

const usersWithDept = leftJoin(
  users,
  departments,
  'deptId',
  'id',
  (user, dept) => ({ ...user, deptName: dept.name })
);

const fullData = leftJoin(
  usersWithDept,
  orders,
  'id',
  'userId',
  (user, order) => ({ ...user, order: order.product })
);

性能优化建议

对于大数据集，应考虑使用对象或Map建立索引：

function createIndex(array, key) {
  return array.reduce((acc, item) => {
    acc[item[key]] = item;
    return acc;
  }, {});
}

const ordersIndex = createIndex(orders, 'userId');
const result = users.map(user => ({
  ...user,
  ...(ordersIndex[user.id] || {})
}));