Группировать массив объектов javascript на основе значения в свой собственный массив объектов
1
У меня есть массив объектов Javascript, как показано ниже.
[{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "40",
"rate": "20",
"amount": "200",
"vat": "60",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Mike",
"sn": "Mann",
"phone": "01233xxxxx",
"hours": "50",
"rate": "70",
"amount": "500",
"vat": "90",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Fred",
"sn": "Frogg",
"phone": "01233xxxxx",
"hours": "80",
"rate": "90",
"amount": "800",
"vat": "100",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "90",
"rate": "30",
"amount": "900",
"vat": "120",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}]
Я в идеале хочу сгруппировать те из одного значения (email) в собственный собственный массив объектов, т.е. Если вы посмотрите на массив выше, вы увидите, что у меня есть 2 записи для одного и того же человека Алекс Макферсон. То, что я хочу сделать, - это ниже, если возможно, перемещение и объединение в вспомогательный массив и то же самое для любого другого значения, которое существует более одного раза.
[[{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "40",
"rate": "20",
"amount": "200",
"vat": "60",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "90",
"rate": "30",
"amount": "900",
"vat": "120",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}],
[{
"email": "[email protected]",
"fn": "Mike",
"sn": "Mann",
"phone": "01233xxxxx",
"hours": "50",
"rate": "70",
"amount": "500",
"vat": "90",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}],
[{
"email": "[email protected]",
"fn": "Fred",
"sn": "Frogg",
"phone": "01233xxxxx",
"hours": "80",
"rate": "90",
"amount": "800",
"vat": "100",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}]]
Кажется, я не могу придумать, как использовать массив.
6 ответов
2
Лучший ответ
Вы можете использовать закрытие хэш-таблицы для того же адреса электронной почты и их элементов.
var data = [{ email: "[email protected]", fn: "Alex", sn: "McPherson", phone: "01233xxxxx", hours: "40", rate: "20", amount: "200", vat: "60", agency: "test", start: "08/06/2017", end: "10/06/2017" }, { email: "[email protected]", fn: "Mike", sn: "Mann", phone: "01233xxxxx", hours: "50", rate: "70", amount: "500", vat: "90", agency: "test", start: "08/06/2017", end: "10/06/2017" }, { email: "[email protected]", fn: "Fred", sn: "Frogg", phone: "01233xxxxx", hours: "80", rate: "90", amount: "800", vat: "100", agency: "test", start: "08/06/2017", end: "10/06/2017" }, { email: "[email protected]", fn: "Alex", sn: "McPherson", phone: "01233xxxxx", hours: "90", rate: "30", amount: "900", vat: "120", agency: "test", start: "08/06/2017", end: "10/06/2017" }],
result = data.reduce(function (hash) {
return function (r, o) {
if (!hash[o.email]) {
hash[o.email] = [];
r.push(hash[o.email]);
}
hash[o.email].push(o)
return r;
};
}(Object.create(null)), []);
console.log(result);.as-console-wrapper { max-height: 100% !important; top: 0; }
Nina Scholz
Поделиться
-
0Рад, что вы ответили, я понял, что моя попытка ответа была слишком наивной, чтобы быть хорошей: PClonkex
-
0@ Нина Шольц идеальна для меня. Я думал о сокращении, но не знал, как это осуществить. Это здорово, я приму ответ :-)Alex McPherson
1
Вы можете использовать карту ES6 для сбора данных по электронной почте, а затем извлечь полученные значения из этой карты (предполагается, что data вводятся):
Array.from(
data.reduce(
(acc, o) => (acc.get(o.email).push(o), acc),
new Map(data.map( o => [o.email, []] ))
), ([key, value]) => value
)
var data = [{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "40",
"rate": "20",
"amount": "200",
"vat": "60",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}, {
"email": "[email protected]",
"fn": "Mike",
"sn": "Mann",
"phone": "01233xxxxx",
"hours": "50",
"rate": "70",
"amount": "500",
"vat": "90",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}, {
"email": "[email protected]",
"fn": "Fred",
"sn": "Frogg",
"phone": "01233xxxxx",
"hours": "80",
"rate": "90",
"amount": "800",
"vat": "100",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}, {
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "90",
"rate": "30",
"amount": "900",
"vat": "120",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}];
var result = Array.from(
data.reduce(
(acc, o) => (acc.get(o.email).push(o), acc),
new Map(data.map( o => [o.email, []] ))
), ([key, value]) => value
);
console.log(result);.as-console-wrapper { max-height: 100% !important; top: 0; }
trincot
Поделиться
1
const groupBy = (objectList, groupingProp) => {
// Create a dictionnary of groups.
const dict = data.reduce((acc, entry) => {
const groupKey = entry[groupingProp];
acc[groupKey] = acc[groupKey] || [];
acc[groupKey].push(entry);
return acc;
}, {})
// Transform it back into a list of groups.
return Object.values(dict);
}
// The data.
const data = [{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "40",
"rate": "20",
"amount": "200",
"vat": "60",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Mike",
"sn": "Mann",
"phone": "01233xxxxx",
"hours": "50",
"rate": "70",
"amount": "500",
"vat": "90",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Fred",
"sn": "Frogg",
"phone": "01233xxxxx",
"hours": "80",
"rate": "90",
"amount": "800",
"vat": "100",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "90",
"rate": "30",
"amount": "900",
"vat": "120",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}];
console.log(groupBy(data, 'email'));
Quentin Roy
Поделиться
0
Вместо внедрения DIY. Вы можете использовать ramda groupWith
Просто
R.groupWith((a ,b) => a.email === b.email, emails)
kkpoon
Поделиться
0
let emails = [{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "40",
"rate": "20",
"amount": "200",
"vat": "60",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Mike",
"sn": "Mann",
"phone": "01233xxxxx",
"hours": "50",
"rate": "70",
"amount": "500",
"vat": "90",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Fred",
"sn": "Frogg",
"phone": "01233xxxxx",
"hours": "80",
"rate": "90",
"amount": "800",
"vat": "100",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "90",
"rate": "30",
"amount": "900",
"vat": "120",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}];
let emails_obj = [];
let output_array = [];
emails.forEach(function(obj) {
if (emails_obj[obj.email] == undefined) {
emails_obj[obj.email] = []
emails_obj[obj.email].push(obj);
} else {
emails_obj[obj.email].push(obj);
}
})
for (var key in emails_obj) {
output_array.push(emails_obj[key]);
}
console.log(output_array);
Wahbigbig
Поделиться
0
Вот рабочий пример. Мы используем функцию ES6 array .reduce().
var data = [{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "40",
"rate": "20",
"amount": "200",
"vat": "60",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Mike",
"sn": "Mann",
"phone": "01233xxxxx",
"hours": "50",
"rate": "70",
"amount": "500",
"vat": "90",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Fred",
"sn": "Frogg",
"phone": "01233xxxxx",
"hours": "80",
"rate": "90",
"amount": "800",
"vat": "100",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
},
{
"email": "[email protected]",
"fn": "Alex",
"sn": "McPherson",
"phone": "01233xxxxx",
"hours": "90",
"rate": "30",
"amount": "900",
"vat": "120",
"agency": "test",
"start": "08/06/2017",
"end": "10/06/2017"
}]
const grouped = data.reduce((previous, current) => {
if (!previous[current.email]) {
const found = previous.find(element => element.email === current.email);
if (found) {
const index = previous.indexOf(found);
previous.splice(index,1);
// We add always at the top
previous.unshift([found, current]);
} else {
previous.push(current);
}
}
return previous;
}, [])
console.log(grouped);
.as-console-wrapper { max-height: 100% !important; top: 0; }
loelsonk
Поделиться
Ещё вопросы
- 1TextBox не обновляет свой визуальный элемент, когда определен формат строки
- 0Ошибка компоновщика с шаблонным классом
- 1Сценарий Python, который перемещает определенные файлы между сегментами S3
- 0PHP метод получения всегда 1?
- 1Как скомпилировать файлы javacc каждый раз перед запуском проекта в eclipse
- 0PHP массив не работает правильно
- 0Можно ли декодировать данные mp3, хранящиеся в байтовом массиве?
- 0Указатели класса против ссылки [дубликаты]
- 1D3 v4, перемещая и круг, и текст одновременно
- 0JQuery Mouseleave стрельбы преждевременно в т. е. (8 и 9)
- 0Запутанная таблица CSS
- 0Не удается получить .focus () для фокусировки на входе с идентификатором в Chrome, Safari и FF
- 1Процент расчета проблем
- 0Библиотека разметки каскадных сеток
- 0многократная загрузка путей сохранения в базе данных не работает
- 1Самый простой способ проверить согласованность нескольких значений в списке объектов
- 1Тревога не останавливается
- 0JPlayer не воспроизводит видео в IE
- 1Ошибка Stackoverflow при рекурсивном поиске в дереве
- 1Выберите внутренние кавычки между кавычками
- 0jQuery, функция вызывается без параметров, но есть параметры
- 0На что ссылается государство в $ stateprovider?
- 1Управление потоками Quartz.NET 1.0 в Windows Service
- 0как посчитать количество скрытых элементов ввода в Div
- 0как узнать при проверке радио кнопки?
- 0Как читать символы из txt файла в 2d массив C ++
- 1Тестирование toString, но это не удается?
- 0JQuery заменяет часть текста в <p> на <img>
- 1Java-класс, работающий с программным обеспечением MATLAB
- 0Настраиваемая ошибка Создание дубликатов
- 1Передайте тип сборки («debug» / «release») в ndk-build
- 0Сумма столбцов с использованием соединения
- 0Как я могу загрузить файлы CoffeeScript из пакетов Bower с помощью веб-пакета?
- 0JQuery флажок проблемы
- 0Я не могу опустить аудио элемент HTML5 / CSS3
- 0выберите coressponding следующий дочерний элемент
- 1Запрос OData без части составного первичного ключа в URL
- 1Google Charts Пользовательский шрифт отображается неправильно - Firefox
- 0IE7 z-index не работает событие после добавления позиции?
- 0Как клонировать элемент jQuery с его данными
- 1Редактирование текстового средства просмотра текста для всех редактируемых текстов в просмотре списка
- 1Javascript для цикла и уменьшения. Это верно
- 0пространство имен против соглашения об именах
- 1Преобразовать строку в DateTime в C #
- 0о removeClass из родительского элемента
- 0Сравните таблицы в MSSQL и получите разные значения
- 0Как добавить значение в пользовательский атрибут с помощью JQuery?
- 1Комната Android: сбой ограничения FOREIGN KEY (код Sqlite 787)
- 1Vision API Cropping Face Landmark
- 1Как перехватить определенный интерфейс в Java?
