javascript - 如何找出数组中相似的对象

javascript - 如何找出数组中相似的对象 - React JS

转载作者：行者123 更新时间：2023-11-28 17:33:26

我见过关于重复对象的类似问题。

我的 json 输出:

{    "coupons": [
        {
            "id": "376363",
            "price": "14400",
            "date": "2018-04-08 10:40:17",
            "user_id": "16433",
            "ip": "46.225.123.235",
            "code": "5ac9b249a0cc5",
            "succ": "1",
            "admin_seen": "1",
            "user_seen": "0",
            "coupon_id": "20821",
            "coupon_parent": "20821",
            "coupon_code": "195_2484C1_9873(7531)",
            "coupon_code_user": "7531",
            "coupon_code_partner": "195_2484C1_9873",
            "shop_id": "2484",
            "payment_type": "7",
            "merchent_type": "3",
            "merchent_id": "0",
            "cradit_start_date": "2018-03-24 05:05:05",
            "cradit_end_date": "2018-04-22 05:05:05",
            "expired": "0",
            "pay_data": null,
            "seri": "C",
            "to_friend": "0",
            "finance_id": "0",
            "app": "web",
            "expire_date": "0000-00-00 00:00:00",
            "expire_app": "",
            "buy_id": "5ac9b249970c2",
            "coupon_property_id": "0",
            "title": "title1",
            "coupon_property_title": "",
            "parent_title": ""
        },
        {
            "id": "376362",
            "price": "14400",
            "date": "2018-04-08 10:40:17",
            "user_id": "16433",
            "ip": "46.225.123.235",
            "code": "5ac9b24997103",
            "succ": "1",
            "admin_seen": "1",
            "user_seen": "0",
            "coupon_id": "20821",
            "coupon_parent": "20821",
            "coupon_code": "194_2484C1_9779(4478)",
            "coupon_code_user": "4478",
            "coupon_code_partner": "194_2484C1_9779",
            "shop_id": "2484",
            "payment_type": "7",
            "merchent_type": "3",
            "merchent_id": "0",
            "cradit_start_date": "2018-03-24 05:05:05",
            "cradit_end_date": "2018-04-22 05:05:05",
            "expired": "0",
            "pay_data": null,
            "seri": "C",
            "to_friend": "0",
            "finance_id": "0",
            "app": "web",
            "expire_date": "0000-00-00 00:00:00",
            "expire_app": "",
            "buy_id": "5ac9b249970c2",
            "coupon_property_id": "0",
            "title": "title2",
            "coupon_property_title": "",
            "parent_title": ""
        },
        {
            "id": "341459",
            "price": "27000",
            "date": "2017-03-07 10:42:47",
            "user_id": "16433",
            "ip": "46.225.76.21",
            "code": "58be5d6fd7214",
            "succ": "1",
            "admin_seen": "1",
            "user_seen": "0",
            "coupon_id": "19457",
            "coupon_parent": "19457",
            "coupon_code": "7_1310B1_2389(3386)",
            "coupon_code_user": "3386",
            "coupon_code_partner": "7_1310B1_2389",
            "shop_id": "1310",
            "payment_type": "7",
            "merchent_type": "3",
            "merchent_id": "0",
            "cradit_start_date": "2017-01-16 05:05:05",
            "cradit_end_date": "2017-03-19 05:05:05",
            "expired": "11",
            "pay_data": null,
            "seri": "B",
            "to_friend": "0",
            "finance_id": "0",
            "app": "web",
            "expire_date": "0000-00-00 00:00:00",
            "expire_app": "",
            "buy_id": "58be5d6fd71c6",
            "coupon_property_id": "0",
            "title": "title3",
            "coupon_property_title": "",
            "parent_title": ""
        },
        {
            "id": "341456",
            "price": "11250",
            "date": "2017-03-07 10:34:54",
            "user_id": "16433",
            "ip": "46.225.76.21",
            "code": "58be5b964bf1d",
            "succ": "1",
            "admin_seen": "1",
            "user_seen": "0",
            "coupon_id": "19724",
            "coupon_parent": "19724",
            "coupon_code": "16_2129A1_2178(4663)",
            "coupon_code_user": "4663",
            "coupon_code_partner": "16_2129A1_2178",
            "shop_id": "2129",
            "payment_type": "7",
            "merchent_type": "3",
            "merchent_id": "0",
            "cradit_start_date": "2017-03-05 05:05:05",
            "cradit_end_date": "2017-05-05 05:05:05",
            "expired": "11",
            "pay_data": null,
            "seri": "A",
            "to_friend": "0",
            "finance_id": "0",
            "app": "web",
            "expire_date": "0000-00-00 00:00:00",
            "expire_app": "",
            "buy_id": "58be5b964b1a1",
            "coupon_property_id": "0",
            "title": "title4",
            "coupon_property_title": "",
            "parent_title": ""
        }
]
}

每个对象都有一个 buy_id 字段。 buy_id 显示对象是相同的，我应该将它们打印在 html 表格的一行中。

例如，第一个对象和第二个对象是相同的，具体取决于 buy_id 我将它们打印在行内。输出:

---------
title1 - title2 //because the first object and second object have same `buy_id`
---------
title3
---------
title4

我应该使用两个 map 吗？

我应该在 render 函数的 return 中使用此场景。

最佳答案

我为此押注于reduce。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

以下代码片段将按 buy_id 对您的对象进行分组，然后您可以轻松渲染它们

const data = {    "coupons": [
        {
            "id": "376363",
            "price": "14400",
            "date": "2018-04-08 10:40:17",
            "user_id": "16433",
            "ip": "46.225.123.235",
            "code": "5ac9b249a0cc5",
            "succ": "1",
            "admin_seen": "1",
            "user_seen": "0",
            "coupon_id": "20821",
            "coupon_parent": "20821",
            "coupon_code": "195_2484C1_9873(7531)",
            "coupon_code_user": "7531",
            "coupon_code_partner": "195_2484C1_9873",
            "shop_id": "2484",
            "payment_type": "7",
            "merchent_type": "3",
            "merchent_id": "0",
            "cradit_start_date": "2018-03-24 05:05:05",
            "cradit_end_date": "2018-04-22 05:05:05",
            "expired": "0",
            "pay_data": null,
            "seri": "C",
            "to_friend": "0",
            "finance_id": "0",
            "app": "web",
            "expire_date": "0000-00-00 00:00:00",
            "expire_app": "",
            "buy_id": "5ac9b249970c2",
            "coupon_property_id": "0",
            "title": "title1",
            "coupon_property_title": "",
            "parent_title": ""
        },
        {
            "id": "376362",
            "price": "14400",
            "date": "2018-04-08 10:40:17",
            "user_id": "16433",
            "ip": "46.225.123.235",
            "code": "5ac9b24997103",
            "succ": "1",
            "admin_seen": "1",
            "user_seen": "0",
            "coupon_id": "20821",
            "coupon_parent": "20821",
            "coupon_code": "194_2484C1_9779(4478)",
            "coupon_code_user": "4478",
            "coupon_code_partner": "194_2484C1_9779",
            "shop_id": "2484",
            "payment_type": "7",
            "merchent_type": "3",
            "merchent_id": "0",
            "cradit_start_date": "2018-03-24 05:05:05",
            "cradit_end_date": "2018-04-22 05:05:05",
            "expired": "0",
            "pay_data": null,
            "seri": "C",
            "to_friend": "0",
            "finance_id": "0",
            "app": "web",
            "expire_date": "0000-00-00 00:00:00",
            "expire_app": "",
            "buy_id": "5ac9b249970c2",
            "coupon_property_id": "0",
            "title": "title2",
            "coupon_property_title": "",
            "parent_title": ""
        },
        {
            "id": "341459",
            "price": "27000",
            "date": "2017-03-07 10:42:47",
            "user_id": "16433",
            "ip": "46.225.76.21",
            "code": "58be5d6fd7214",
            "succ": "1",
            "admin_seen": "1",
            "user_seen": "0",
            "coupon_id": "19457",
            "coupon_parent": "19457",
            "coupon_code": "7_1310B1_2389(3386)",
            "coupon_code_user": "3386",
            "coupon_code_partner": "7_1310B1_2389",
            "shop_id": "1310",
            "payment_type": "7",
            "merchent_type": "3",
            "merchent_id": "0",
            "cradit_start_date": "2017-01-16 05:05:05",
            "cradit_end_date": "2017-03-19 05:05:05",
            "expired": "11",
            "pay_data": null,
            "seri": "B",
            "to_friend": "0",
            "finance_id": "0",
            "app": "web",
            "expire_date": "0000-00-00 00:00:00",
            "expire_app": "",
            "buy_id": "58be5d6fd71c6",
            "coupon_property_id": "0",
            "title": "title3",
            "coupon_property_title": "",
            "parent_title": ""
        },
        {
            "id": "341456",
            "price": "11250",
            "date": "2017-03-07 10:34:54",
            "user_id": "16433",
            "ip": "46.225.76.21",
            "code": "58be5b964bf1d",
            "succ": "1",
            "admin_seen": "1",
            "user_seen": "0",
            "coupon_id": "19724",
            "coupon_parent": "19724",
            "coupon_code": "16_2129A1_2178(4663)",
            "coupon_code_user": "4663",
            "coupon_code_partner": "16_2129A1_2178",
            "shop_id": "2129",
            "payment_type": "7",
            "merchent_type": "3",
            "merchent_id": "0",
            "cradit_start_date": "2017-03-05 05:05:05",
            "cradit_end_date": "2017-05-05 05:05:05",
            "expired": "11",
            "pay_data": null,
            "seri": "A",
            "to_friend": "0",
            "finance_id": "0",
            "app": "web",
            "expire_date": "0000-00-00 00:00:00",
            "expire_app": "",
            "buy_id": "58be5b964b1a1",
            "coupon_property_id": "0",
            "title": "title4",
            "coupon_property_title": "",
            "parent_title": ""
        }
]
};


const reducedData = data.coupons.reduce((accumulator, value) => {
  accumulator[value.buy_id] = accumulator[value.buy_id] || [];
  accumulator[value.buy_id].push(value);
  return accumulator;
}, {});

console.log(reducedData);

关于javascript - 如何找出数组中相似的对象 - React JS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49728122/

文章推荐： javascript - 使用每个循环从嵌套 json 获取值

文章推荐： css - 是否可以将 div 对齐到位置为 : fixed? 的 div 的底部

文章推荐： objective-c - 如何对图像中的颜色进行采样

java - 对象 a = 对象 b；对象 a 会发生什么？
我的一位教授给了我们一些考试练习题，其中一个问题类似于下面(伪代码): a.setColor(blue); b.setColor(red); a = b; b.setColor(purple); b
JavaScript 测试(对象 && 对象 !== "null"&& 对象 !== "undefined")
我似乎经常使用这个测试 if( object && object !== "null" && object !== "undefined" ){ doSomething(); } 在对象上，我
C#对象/对象
C# Object/object 是值类型还是引用类型？我检查过它们可以保留引用，但是这个引用不能用于更改对象。 using System; class MyClass { public s
javascript - 通过ajax发送json - 对象 - 对象
我在通过 AJAX 发送 json 时遇到问题。 var data = [{"name": "Will", "surname": "Smith", "age": "40"},{"name": "Wil
javascript - 如何获取值[对象][对象]
当我尝试访问我的 View 中的对象 {{result}} 时(我从 Express js 服务器发送该对象)，它只显示 [object][object]有谁知道如何获取 JSON 格式的值吗？这是
java - 对象...对象[] 和格式
我有不同类型的数据(可能是字符串、整数......)。这是一个简单的例子: public static void main(String[] args) { before("one"); }
javascript - 如何修复[对象，对象]
嗨，我是 json 和 javascript 的新手。我在这个网站找到了使用json数据作为表格的方法。我很好奇为什么当我尝试使用 json 数据作为表时，我得到 [Object,Object]
JavaScript [对象][对象] 调试
已关闭。此问题需要 debugging details 。目前不接受答案。编辑问题以包含 desired behavior, a specific problem or error, and the
java - 对象==空或空==对象？
我听别人说 null == object 比 object == null check 例如: void m1(Object obj ) { if(null == obj) // Is thi
VBS教程：对象-Match 对象
Match 对象提供了对正则表达式匹配的只读属性的访问。说明 Match 对象只能通过 RegExp 对象的 Execute 方法来创建，该方法实际上返回了 Match 对象的集合。所有的
VBS教程：对象-Class 对象
Class 对象使用 Class 语句创建的对象。提供了对类的各种事件的访问。说明不允许显式地将一个变量声明为 Class 类型。在 VBScript 的上下文中，“类对象”一词指的是用
VBS教程：对象-Folder 对象
Folder 对象提供对文件夹所有属性的访问。说明以下代码举例说明如何获得 Folder 对象并查看它的属性： Function ShowDateCreated(f
VBS教程：对象-File 对象
File 对象提供对文件的所有属性的访问。说明以下代码举例说明如何获得一个 File 对象并查看它的属性： Function ShowDateCreated(fil
VBS教程：对象-Drive 对象
Drive 对象提供对磁盘驱动器或网络共享的属性的访问。说明以下代码举例说明如何使用 Drive 对象访问驱动器的属性： Function ShowFreeSpac
VBS教程：对象-FileSystemObject 对象
FileSystemObject 对象提供对计算机文件系统的访问。说明以下代码举例说明如何使用 FileSystemObject 对象返回一个 TextStream 对象，此对象可以被读
对象
我是 javascript OOP 的新手，我认为这是一个相对基本的问题，但我无法通过搜索网络找到任何帮助。我是否遗漏了什么，或者我只是以错误的方式解决了这个问题？这是我的示例代码: functio
对象
我可以很容易地创造出很多不同的对象。例如像这样: var myObject = { myFunction: function () { return ""; } };
对象
function Person(fname, lname) { this.fname = fname, this.lname = lname, this.getName = function()
javascript - JSON 返回(对象，对象)
任何人都可以向我解释为什么下面的代码给出 (object, Object) 吗？ (console.log(dope) 给出了它应该的内容，但在 JSON.stringify 和 JSON.parse
javascript - 返回 [对象，对象] 的工具提示
我正在尝试完成散点图 exercise来自免费代码营。然而，我现在只自己学习了 d3 几个小时，在遵循 lynda.com 的教程后，我一直在尝试确定如何在工具提示中显示特定数据。 This code

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 如何找出数组中相似的对象 - React JS