JavaScript 实现类似SQL 左联接式的对象数组合并

在 JavaScript 中,你可以使用对象合并(Object merging)来模拟数据库的左联接操作。左联接操作会将两个对象的特定属性进行合并,类似于 SQL 中的 LEFT JOIN 操作。

假设你有两个对象,每个对象代表一个表:

javascript 复制代码
const table1 = [
  { id: 1, age: 30 },
  { id: 3, age: 25 },
];

const table2 = [
  { id: 1, name: "Alice" },
  { id: 2, name: "Bob" },
  { id: 3, name: "Charlie" },
];

你可以通过以下代码实现类似数据库左联接的对象合并:

javascript 复制代码
function leftJoin(table1, table2, key) {
  const result = [];

  table1.forEach((row1) => {
    const matchingRows = table2.filter((row2) => row1[key] === row2[key]);
    if (matchingRows.length > 0) {
      matchingRows.forEach((matchingRow) => {
        result.push({ ...row1, ...matchingRow });
      });
    } else {
      result.push({ ...row1 });
    }
  });

  return result;
}

const mergedTable = leftJoin(table1, table2, "id");
console.log(mergedTable);

打印结果:

javascript 复制代码
[
  { id: 1, age: 30, name: "Alice" },
  { id: 3, age: 25, name: "Charlie" },
];

这段代码会将 table1 和 table2 进行左联接操作,以 id 属性为键进行合并。合并后的结果存储在 mergedTable 数组中,并输出到控制台。

这里的 leftJoin 函数接受三个参数:两个表格的数组以及用来匹配的键名。它遍历第一个表格的每一行,并在第二个表格中查找匹配的行。如果找到匹配的行,则将两行合并为一个新的对象,然后将其添加到结果数组中。如果没有找到匹配的行,则仅将第一个表格中的行添加到结果数组中。

相关推荐
梅菲塔亚1 分钟前
华为云从入门到实战
开发语言·华为云·php
霸道流氓气质6 分钟前
幂等性与 Upsert:防止重复操作产生副作用的技术
开发语言·php
Highcharts.js14 分钟前
用Highcharts开发动态主从图表|双图联动的时间序列图表示例
javascript·数据库·信息可视化·highcharts·图表开发·动态图表
牛奔17 分钟前
mise 管理多版本 Go 项目
开发语言·前端·chrome·后端·golang
波力海苔夹心脆67531 分钟前
C# 视觉检测实战:PLC 按钮触发 VisionPro 检测,OK 亮灯 / NG 灭灯(西门子 PLC,含界面显示与图片存档)
开发语言·经验分享·c#·自动化·视觉检测·.net
2601_9628857243 分钟前
如何用 Python 计算 BBI 多空指标?
开发语言·python
志尊宝44 分钟前
Vue3 零基础每日笔记(076):防抖节流的正确使用——搜索框、按钮防重复提交、滚动监听
javascript·vue.js·笔记
老王爱玩车1 小时前
动态内存管理
c语言·开发语言·学习·面试
I'm Jie1 小时前
【开源】7 天,我用 Rust 复刻了 FinalShell!Rhost v1.0.0 发布
开发语言·rust·开源
能源革命1 小时前
Vue 网格拖拽布局组件全景指南:7 大方案深度对比
前端·javascript·vue.js