29
4
I am trying to merge related objects in an array of objects based on similar properties in a specific object key "name".
我正在尝试根据特定对象键“name”中的相似属性合并对象数组中的相关对象。
I have tried the following code but did not work:
我尝试了以下代码，但不起作用：
个人中心
文章发布
退出const students = [];
const obj = [{
"name": "A. Nasila",
"adm": "",
"class": "4p",
"mat": "80",
"eng": "",
"kis": ""
},
{
"name": "A. Nasila",
"adm": "4886",
"class": "",
"mat": "",
"eng": "",
"kis": "39"
},
{
"name": "Mtu Bure",
"adm": "",
"class": "3L",
"mat": "",
"eng": "86",
"kis": ""
},
{
"name": "A. Nasila",
"adm": "",
"class": "",
"mat": "",
"eng": "75",
"kis": ""
},
{
"name": "Mtu Bure",
"adm": "9790",
"class": "",
"mat": "77",
"eng": "",
"kis": "76"
}
];
const groupedData = obj.reduce((acc, cur) => {
const name = cur.name;
if (!acc[name]) {
acc[name] = {};
}
for (const key in cur) {
acc[name][key] = cur[key];
}
return acc;
}, {});
const result = Object.values(groupedData);
const jsonObject = JSON.stringify(result);
const div = document.getElementById("students");
const span = document.createElement("span");
span.innerHTML = jsonObject;
div.appendChild(span);<div id="students">
</div>
Help me get the desired output as shown below;
帮助我获得所需的输出，如下所示；
[
{
"name": "A. Nasila",
"adm": "4886",
"class": "4p",
"mat": "80",
"eng": "75",
"kis": "39"
},
{
"name": "Mtu Bure",
"adm": "9790",
"class": "3L",
"mat": "77",
"eng": "86",
"kis": "76"
}
]
You are overwriting every key on each iteration even if it is an empty string, so it will simply keep the last object by name. You need to check if the value is empty before setting it. for (const key in cur) { if (acc[name][key] === undefined || acc[name][key] === "") acc[name][key] = cur[key]; }
您将覆盖每个迭代中的每个键，即使它是一个空字符串，因此它只会按名称保留最后一个对象。在设置之前，您需要检查该值是否为空。For(Cur中的常量键){if(acc[名称][键]=未定义||acc[名称][键]=“”)acc[名称][键]=cur[键]；}
you can also use ??= operator ( Nullish coalescing assignment )
您还可以使用？？=运算符(Null合并赋值)
const obj =
[ { name: 'A. Nasila', adm: '', class: '4p', mat: '80', eng: '', kis: '' }
, { name: 'A. Nasila', adm: '4886', class: '', mat: '', eng: '', kis: '39' }
, { name: 'Mtu Bure', adm: '', class: '3L', mat: '', eng: '86', kis: '' }
, { name: 'A. Nasila', adm: '', class: '', mat: '', eng: '75', kis: '' }
, { name: 'Mtu Bure', adm: '9790', class: '', mat: '77', eng: '', kis: '76' }
];
const res = Object.values(obj.reduce((r,o) =>
{
r[o.name] ??= {};
Object.keys(o).forEach(k => r[o.name][k] ||= o[k]);
return r;
}, {}));
console.log( res ).as-console-wrapper {max-height: 100% !important;top: 0;}
.as-console-row::after {display: none !important;}
This should work
这应该行得通
const students = [];
const obj = [
{
"name": "A. Nasila",
"adm": "",
"class": "4p",
"mat": "80",
"eng": "",
"kis": ""
},
{
"name": "A. Nasila",
"adm": "4886",
"class": "",
"mat": "",
"eng": "",
"kis": "39"
},
{
"name": "Mtu Bure",
"adm": "",
"class": "3L",
"mat": "",
"eng": "86",
"kis": ""
},
{
"name": "A. Nasila",
"adm": "",
"class": "",
"mat": "",
"eng": "75",
"kis": ""
},
{
"name": "Mtu Bure",
"adm": "9790",
"class": "",
"mat": "77",
"eng": "",
"kis": "76"
}
];
const groupedData = obj.reduce((acc, cur) => {
const name = cur.name;
if (!acc[name]) {
acc[name] = {};
}
// Iterate through the keys of the current object and merge them
for (const key in cur) {
if (cur.hasOwnProperty(key)) {
acc[name][key] = cur[key] || acc[name][key];
}
}
return acc;
}, {});
const result = Object.values(groupedData);
const jsonObject = JSON.stringify(result);
const div = document.getElementById("students");
const span = document.createElement("span");
span.innerHTML = jsonObject;
div.appendChild(span);<!DOCTYPE html>
<html>
<head>
<title>Students</title>
</head>
<body>
<div id="students">
</div>
</body>
</html>
A little explanation of what's going on
对正在发生的事情作一点解释
First off, I used the reduce method to iterate through the array of objects (obj) and group them by the name property into the groupedData object.
首先，我使用Reduced方法迭代对象数组(Obj)，并按名称属性将它们分组到grouedData对象中。
If the name property is encountered for the first time, I then create a new object for it. If it has already been encountered, we merge the current object's properties into the existing object.
如果name属性是第一次遇到，我就为它创建一个新的对象。如果已经遇到过，我们就把当前对象的属性合并到现有对象中。
I then converted the groupedData object into an array of values using Object.values method.
然后，我使用Object.Values方法将grouedData对象转换为一个值数组。
EDIT: Made it work dynamically with all keys.
编辑：使其与所有关键点动态工作。
Avoid using spread, intermediate arrays, and getting full object data with Object.entries() for best performance.
为了获得最佳性能，请避免使用散布、中间数组，并使用对象条目()获取完整的对象数据。
It's also not clear what to do if 2 objects contain the same non-empty property, while I overwrite with the latest, Mister Jojo for example keeps the first one.
如果两个对象包含相同的非空属性，而我用最新的对象覆盖，例如，Mister Jojo保留第一个对象，那么应该怎么做也不清楚。
console.log(
obj.reduce((r, item, obj) => (
(obj = r.map.get(item.name)) ?
Object.keys(item).forEach(k => k !== 'name' && item[k] && (obj[k] = item[k])) :
r.map.set(item.name, r.arr[r.arr.length] = item) , r
), {arr: [], map: new Map}
).arr
);<script>
const obj = [{
"name": "A. Nasila",
"adm": "",
"class": "4p",
"mat": "80",
"eng": "",
"kis": ""
},
{
"name": "A. Nasila",
"adm": "4886",
"class": "",
"mat": "",
"eng": "",
"kis": "39"
},
{
"name": "Mtu Bure",
"adm": "",
"class": "3L",
"mat": "",
"eng": "86",
"kis": ""
},
{
"name": "A. Nasila",
"adm": "",
"class": "",
"mat": "",
"eng": "75",
"kis": ""
},
{
"name": "Mtu Bure",
"adm": "9790",
"class": "",
"mat": "77",
"eng": "",
"kis": "76"
}
];
</script>
And a benchmark:
和一个基准：
<script benchmark data-count="1000000">
const obj = [{
"name": "A. Nasila",
"adm": "",
"class": "4p",
"mat": "80",
"eng": "",
"kis": ""
},
{
"name": "A. Nasila",
"adm": "4886",
"class": "",
"mat": "",
"eng": "",
"kis": "39"
},
{
"name": "Mtu Bure",
"adm": "",
"class": "3L",
"mat": "",
"eng": "86",
"kis": ""
},
{
"name": "A. Nasila",
"adm": "",
"class": "",
"mat": "",
"eng": "75",
"kis": ""
},
{
"name": "Mtu Bure",
"adm": "9790",
"class": "",
"mat": "77",
"eng": "",
"kis": "76"
}
];
// @benchmark Jojo
Object.values(obj.reduce((r,o) =>
{
r[o.name] ??= {};
Object.keys(o).forEach(k => r[o.name][k] ||= o[k]);
return r;
},{}));
// @benchmark Alexander
obj.reduce((r, item, obj) => {
(obj = r.map.get(item.name)) ?
Object.keys(item).forEach(k => k !== 'name' && item[k] && (obj[k] = item[k])) :
r.map.set(item.name, r.arr[r.arr.length] = item);
return r;
}, {arr: [], map: new Map}
).arr
</script>
<script src="https://cdn.jsdelivr.net/gh/silentmantra/benchmark/loader.js"></script>
Is there a way to iterate through the code you've written inside if & else. Because am supposing it will be tiresome to use it on an object with many keys.
Object.keys() on the first object.Then you can construct an object from an array of [key, value] tuples thanks to Object.fromEntries().
然后，您就可以使用由[key，Value]元组组成的数组来构造对象，这要归功于Object.FromEntry()。
You can't use the ?? operator for your values because you are using falsy values like empty strings.
你不能使用？？运算符，因为您使用的是空字符串之类的假值。
const keys = Object.keys(obj[0])
const result = Object.values(
obj.reduce(
(acc, curr) => ({
...acc,
[curr.name]: Object.fromEntries(
keys.map((key) => [key, curr[key] || acc[curr.name]?.[key]])
),
}),
{}
)
)
PS: In terms of performance, some other answers are a lot better than this one. But unless this code will be executed in a hot path of your application, there is no need to optimize this, and make your code unreadable.
PS：就性能而言，其他一些答案比这个好得多。但是，除非该代码将在应用程序的热路径中执行，否则没有必要对此进行优化，从而使您的代码不可读。
Thanks so much.
非常感谢。
@Drarig29 That's my answer, so I'll use my indentation style.
@drarig29这就是我的答案，所以我将使用我的缩进风格。
@MisterJojo Fine 😉
@MisterJojo Fine😉
That is great! Is there a way to iterate through the code you've written inside if & else. Because am supposing it will be tiresome to use it on an object with many keys.
太棒了！有没有一种方法可以迭代您在If&Else中编写的代码。因为我认为在一个有许多关键点的对象上使用它会很麻烦。
@AbednegoNasila I have updated my answer to match your requirement.
@AbednegoNasila我已经更新了我的答案以满足您的要求。
If the obj array is very long, you might want to omit name from keys.
如果obj数组很长，您可能希望从键中省略name。
Well, if the OP really needs something optimized because it's a hot path of their application, they should not use my answer at all.
好吧，如果OP确实需要优化一些东西，因为这是他们的应用程序的热门路径，他们根本不应该使用我的答案。
29
4
0
您好，下面是我在 AWS 中创建启用了弹性 IP 的实例的模板。但是我不确定我哪里出错了。我已经通过在线 json 验证器验证了 json，仍然面临问题请帮忙 { "AWSTemplateForm
标题有点乱，但已经说明了一切。我想在一个属性的属性上有一个属性观察器: class A { var b: B init() { b = B() } fu
假设我的一个 Controller 中有这样的方法: [Route("api/Products")] public IQueryable GetProducts() { return db.P
这有效: // @flow import React, {Component} from 'react'; type Props = {}; class Delete extends Componen
我有一个 ViewModelBase 类，我在其中为 INotifyPropertyChanged 接口(interface)定义了 RaisePropertyChanged 方法。大多数 MVVM
我创建了类: class StorageBase { public Queue Slices {get;set;} } 和 wpf 自定义控件，它具有 StorageBase 类型的依赖属性
我的 java 应用程序问题是 log4j2 系统日志不是写在 'local1.log' 中而是'消息'。我的/etc/rsyslog.conf 在/etc/rsyslog.conf 中配置为 'lo
为什么需要在对象中使用 this.property = property ？它是用来定义对象的“外部世界”的属性吗？ function Person(property) { this.property
摘要: 这个问题是关于属性的继承与从彼此继承属性的类的内部和外部的不同读/写访问相结合。 详细信息: 我有一个类 A 和另一个继承自 A 的类 B。 A 中声明了属性someProperty。我希望该
我正在开发 ASP.NET MVC 应用，设计域模型，使用(测试)新的 EF Code First 功能。 我有一个可能有也可能没有截止日期的事件实体，处理它的最佳方法是什么？ 1 个属性: publ
我在配置项目时经常使用它们，但大多数情况下都是按照指示添加 fragment 。我完全不知道哪个文件到底是做什么的。谁能清楚地说明每个文件的用途。 到目前为止我认为 local.properties
在运行 python 文件以使用 rasa nlu 训练文件时，我在命令提示符下收到此错误 我目前正在使用 Windows 10 rasa_core==0.8.2 rasa_nlu==0.11.4 p
我在这方面遇到了一些麻烦，尽管我已经搜索了答案，但还是找不到。 为了使用 AsyncAppender，我看到了很多不同的 log4j 配置，无论如何，它们都与 .properties 配置文件无关。
我正在编写一个 Python 类，并使用 @property 装饰器为该类创建属性。 我在文档中没有找到太多关于这个装饰器的信息，但是从我可以从 Stack Overflow 和我的 Python l
在 gradle 任务中，我可以创建这样的路径: System.env.FOLDER_PATH + '/subFolder' 但我想在我的 gradle.properties 中设置它，所以它会像 s
如何在属性文件的 log4j2 中创建键值对？ 我知道在 log4j 版本 1 中它是这样完成的: log4j.appender.x.additionalFields={'key': 'value'}
我想通了 struct PropertyTest { @property int x() { return val; } @property void x( int newVal )
我有 REST (Jersey) webservice，它利用了一些编码/解码到/来自 XML 的数据对象。数据对象位于 webservice war 所依赖的单独项目/jar 中。 我使用 MOXy
我正在创建一个 LinkedList 类: function LinkedList(){ ... 有什么区别: this.addNode = function(data){
关于语义的快速问题:) 如果我正在编写一个协议(protocol)，这是首选: // (a) @protocol MyProtocol @property (nonatomic, copy) NSSe
我是一名优秀的程序员,十分优秀！