匹配/合并两个具有关系的数据数组的最简单方法是什么?

The_Don

假设我有两个用于售票活动的数据数组。一是参加者:

[
{name: 'Jack', ticket_code: 'iGh4rT'},
{name: 'Lisa', ticket_code: 'it1ErB'}
]

另一个是门票:

[
{code: 'iGh4rT', name: 'General Admission'},
{code: 'it1ErB', name: 'VIP'}
]

现在说我想显示这样的表格:

姓名 票名
杰克 一般入学
丽莎 贵宾

我正在努力有效地做到这一点。我可以用一个数组显示一张表,没有问题,如下所示:

    for (let i = 0; i < attendees.length; i++){
        const row = `<tr>
                        <td>${attendees[i].name}</td>
                        <td>${attendees[i].ticket_code}</td>
                    </tr>`
    document.getElementById('TableBody').innerHTML += row

我需要以某种方式使用该特定人员的参加者数组中的代码“查询”票证数组,获取票证的名称,并替换票证名称而不是代码。

使用 SQL 这样的事情很容易,但是否能够“查询”数组并获得特定属性?我应该用所需的信息构建一个全新的数组吗?适用于大型无序数据集的最佳方法是什么?

巴哈多·拉吉比扎德

尝试这个:

let a = [
  {name: 'Jack', ticket_code: 'iGh4rT'},
  {name: 'Lisa', ticket_code: 'it1ErB'}
];

let b = [
  {code: 'iGh4rT', name: 'General Admission'},
  {code: 'it1ErB', name: 'VIP'}
];

let c = b.map(item => {
    return {
        tiketName: item.name,
        ...a.find(itemA => itemA.ticket_code == item.code)
    }
});

console.log(c);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将两个具有独占索引的数据帧合并的最简单方法是什么?

在两个同时显示的视图控制器之间传递数据的最简单方法是什么?

在QUnit中比较两个数组的最简单方法是什么

合并具有相同值的词典列表的最简单方法是什么?

从HTML文件输出两个特定字段的值的最简单方法是什么?

连接两个 JPEG 视频的最简单方法是什么?

查找两个像素之间距离的最简单方法是什么?

检查两个图像是否相同的最简单方法是什么?

检查两个CRgn是否相交的最简单方法是什么?

我有两个Xcode项目,找出每个文件中有两个不同的最简单方法是什么?

在jetpack compose中对齐两个有序组件的第一个组件的最简单方法是什么?

从具有一对多关系的两个表中获取数据的最佳方法是什么?

使用镜头合并两个对象的最简单方法

合并 / 和 /home 的最简单方法是什么?

查找值之间匹配的最简单方法是什么

合并具有非空交集的最简单方法

测试基于枚举的变量是否*不*等于具有关联值的特定情况的最简单方法是什么?

将两个 numpy 数组打印为表格的最简单方法

获取两列数据并将其转换为字典的最简单方法是什么?

R - 按元素组合两个数据表的简单方法是什么?

打印Java数组的最简单方法是什么?

比较两个分支的类的最简单方法

比较来自相同类型的两个对象的数据成员的最简单方法

Ruby:从数组中删除第一个元素的最简单方法是什么?

获取具有文件计数和大小的目录列表的最简单方法是什么

合并两个没有关系的表

将带有键的数组转换为其他格式的最简单方法是什么

将二维 numpy 数组拆分为两个一维数组的最简单方法?

在具有一对多关系的两个表之间进行映射的最佳方法是什么?