Как суммировать значения эквивалентных ключей в массиве объектов, где может быть несколько вновь сгенерированных ключей?

Question 1

Существует массив объектов, подобных этому, где есть ключ "категория" и некоторые ключи "серии".

arrOne = [
    {
        "series_1": 25,
        "category": "Category 1",
        "series_2": 50
    },
    {
        "series_1": 11,
        "category": "Category 2",
        "series_2": 22
    },
    {
        "series_1": 32,
        "category": "Category 1",
        "series_2": 74
    },
    {
        "series_1": 74,
        "category": "Category 3",
        "series_2": 98
    },
    {
        "series_1": 46,
        "category": "Category 3",
        "series_2": 29
    },

]

(Обратите внимание, что "категория" может быть практически любым значением, хотя, вероятно, будет несколько похожих значений, а также некоторые уникальные значения, например, существует несколько объектов со значением "категория ""Категория 3", но только 1 со значением "категория ""Категория 2")

В следующих строках кода будут суммированы все серии 1 для объектов с одной и той же категорией

        var objForAllCategories = {};
        this.arrOne.forEach(item => {
            if (objForAllCategories.hasOwnProperty(item.category))
                objForAllCategories[item.category] = objForAllCategories[item.category] + item.series_1;
            else
                objForAllCategories[item.category] = item.series_1;
        });
        for (var prop in objForAllCategories) {
            this.allCategoriesAndValues.push({ 
                category: prop, 
                series_1: objForAllCategories[prop] 
            });
        }

Таким образом, это привело бы к:

allCategoriesAndValues = [
    {
        "category": "Category 1",
        "series_1": 57       // 25 + 32 adding up series_1 from all 'Category 1' items in arrOne
    },
    {
        "category": "Category 2",
        "series_1": 11      // only 1 'Category 2' from arrOne
    },
    {
        "category": "Category 3",
        "series_1": 120     // 74 + 46 adding up series_1 from all 'Category 3' items in arrOne
    }
]

Однако я хочу иметь возможность добавлять не только серии_1, но и все другие элементы.

В этом примере в качестве ключей используются только категории и серии_1 и серии_2. Тем не менее, могут быть:

серии_3
серии_4
серия 5
серия 6
серия 7
и т.д..

Как я могу учесть все потенциальные серии x?

Предполагаемый результат:

allCategoriesAndValues = [
    {
        "category": "Category 1",
        "series_1": 57,
        "series_2": 124,
        ..... if 'series_3', 'series_4' etc. existed, it would be included in this as above
    },
    {
        "category": "Category 2",
        "series_1": 11,
        "series_2": 22,
        ..... if 'series_3', 'series_4' etc. existed, it would be included in this as above
    },
    {
        "category": "Category 3",
        "series_1": 120,
        "series_2": 127,
        ..... if 'series_3', 'series_4' etc. existed, it would be included in this as above
    }
]

Question 2

Чтобы обработать логику нескольких свойств, можно выполнить цикл по каждому свойству и проверить, соответствует ли оно регулярному выражению series_\d+. Если это так, вы знаете, что это свойство, которое вам нужно увеличить, и обрабатываете его соответствующим образом (также необходима проверка наличия свойства, как указано Jayce444).

В следующем решении используетсяArray.reduce. В функции редуктора она проверяет, содержит ли массив накопителей элемент с тем же category собственность, как та, через которую в настоящее время проходит цикл. Если это произойдет, это приведет к увеличению соответствующих свойств. В противном случае он переместит текущий элемент в массив накопителей.

arrOne=[{series_1:25,category:"Category 1",series_2:50},{series_1:11,category:"Category 2",series_2:22},{series_1:32,category:"Category 1",series_2:74},{series_1:74,category:"Category 3",series_2:98},{series_1:46,category:"Category 3",series_2:29,series_3:50}];

const res = arrOne.reduce((a, b) => {
  let found = a.find(e => e.category == b.category)
  if (found) {
    Object.keys(b).forEach(e => {
      if (/series_\d+/g.test(e)) found[e] = found[e] ? found[e] + b[e] : b[e];
    })
  } else {
    a.push(b)
  }
  return a;
}, [])

console.log(res)

Question 3

Что - то вроде этого может сработать.

arrOne = [ { "series_1": 25, "category": "Category 1", "series_2": 50 }, { "series_1": 11, "category": "Category 2", "series_2": 22 }, { "series_1": 32, "category": "Category 1", "series_2": 74 }, { "series_1": 74, "category": "Category 3", "series_2": 98 }, { "series_1": 46, "category": "Category 3", "series_2": 29 },];

const result = [];
arrOne.reduce((acc, {category, ...series}) => {
  if (acc.has(category)) {
    Object.entries(series).forEach(([key, value]) => {
      if (key.startsWith('series_')) {
        acc.get(category)[key] = (acc.get(category)[key] || 0) + value;
      }
    });
  } else {
    const item = {category, ...series};
    result.push(item);
    acc.set(category, item);
  }
  return acc;
}, new Map());

console.log(result);

Question 4

Создайте карту для сопоставления сумм рядов по категориям.

Затем создайте массив из этой карты с ключами в виде category

const arr1 = [{"series_1":25,"category":"Category 1","series_2":50},{"series_1":11,"category":"Category 2","series_2":22},{"series_1":32,"category":"Category 1","series_2":74},{"series_1":74,"category":"Category 3","series_2":98},{"series_1":46,"category":"Category 3","series_2":29}]

const t1 = performance.now()

const cats = arr1.reduce((map, { category, ...series }) =>
  map.set(category, Object.entries(series)
    .reduce((s, [ key, count ]) => ({
      ...s,
      [ key ]: (s[key] ?? 0) + count
    }), map.get(category) ?? {})
  ), new Map())

const allCategoriesAndValues = Array.from(cats, ([ category, series ]) => ({
  category,
  ...series
}))

const t2 = performance.now()

console.info(allCategoriesAndValues)
console.log(`Took ${t2 - t1}ms`)

.as-console-wrapper { max-height: 100% !important; }

Question 5

Я сделаю это таким образом...

const arrOne = 
  [ { series_1: 25, category: 'Category 1', series_2: 50 } 
  , { series_1: 11, category: 'Category 2', series_2: 22 } 
  , { series_1: 32, category: 'Category 1', series_2: 74 } 
  , { series_1: 74, category: 'Category 3', series_2: 98 } 
  , { series_1: 46, category: 'Category 3', series_2: 29 } 
  ] 

console.time('chrono')

const allCategoriesAndValues =
  Object.entries(
  arrOne.reduce((r,{ category, ...series })=>
    {
    let cat = r[category] = r[category] ?? {} 
    Object.entries(series).forEach(([sName,val]) => cat[sName] = (cat[sName] ?? 0) + val);
    return r
    },{})
  ).map(([category,series])=>({category,...series}))

console.timeEnd('chrono')

console.log( allCategoriesAndValues )

.as-console-wrapper {max-height: 100%!important;top:0 }

Question 6

Вы можете просто выполнить итерацию по массиву объектов, а затем по ключам каждого объекта, хранящимся в буферном объекте. Вам просто нужно либо проверить наличие каждого ключа и добавить его, если он отсутствует, либо вы можете просто объединить ключи falsey в значение по умолчанию, как это сделал я. Я удаляю ключ категории из объекта после того, как получу его значение, чтобы мне не пришлось пытаться пропустить его во время итерации с ключом.

const arrOne = [
  {"series_1": 25, "category": "Category 1", "series_2": 50},
  {"series_1": 11, "category": "Category 2", "series_2": 22},
  {"series_1": 32, "category": "Category 1", "series_2": 74},
  {"series_1": 74, "category": "Category 3", "series_2": 98},
  {"series_1": 46, "category": "Category 3", "series_2": 29},
];

let buffer = {};
arrOne.forEach(i=>{
  let c = i.category;
  buffer[c] = buffer[c] || {};
  delete i.category;
  Object.keys(i).forEach(k=>{
    buffer[c][k] = buffer[c][k] || 0;
    buffer[c][k] += i[k];
  });
});

console.log(buffer);

let final = Object.keys(buffer).map(k=>{return {[k]: buffer[k]}});
console.log(final);

Если вам не нужно иметь это в массиве, последний шаг является необязательным. Он существует только для преобразования объекта в массив.

Question 7

Вот как бы я это сделал

const res = arrOne.reduce((acc, { category, ...vals }) => {
    if (acc[category]) {
        Object.entries(vals).forEach(([ key, val ]) => acc[category][key] = acc[category][key] ? acc[category][key] + val : val);

    } else {
        acc[category] = vals;

    }

    return acc;
}, {});

Spectric · Answer 1 · 2021-11-24T02:38:52

Чтобы обработать логику нескольких свойств, можно выполнить цикл по каждому свойству и проверить, соответствует ли оно регулярному выражению series_\d+. Если это так, вы знаете, что это свойство, которое вам нужно увеличить, и обрабатываете его соответствующим образом (также необходима проверка наличия свойства, как указано Jayce444).

В следующем решении используетсяArray.reduce. В функции редуктора она проверяет, содержит ли массив накопителей элемент с тем же category собственность, как та, через которую в настоящее время проходит цикл. Если это произойдет, это приведет к увеличению соответствующих свойств. В противном случае он переместит текущий элемент в массив накопителей.

arrOne=[{series_1:25,category:"Category 1",series_2:50},{series_1:11,category:"Category 2",series_2:22},{series_1:32,category:"Category 1",series_2:74},{series_1:74,category:"Category 3",series_2:98},{series_1:46,category:"Category 3",series_2:29,series_3:50}];

const res = arrOne.reduce((a, b) => {
  let found = a.find(e => e.category == b.category)
  if (found) {
    Object.keys(b).forEach(e => {
      if (/series_\d+/g.test(e)) found[e] = found[e] ? found[e] + b[e] : b[e];
    })
  } else {
    a.push(b)
  }
  return a;
}, [])

console.log(res)

Этот подход нарушается, когда все объекты не имеют одинаковых последовательных ключей. Например, если вы добавите series_3: 5 только для первого объекта это заканчивается так series_3: NaN в результате.
Не будет ли это пропускать новые ключи серии, добавленные для той же категории в более поздних объектах? Это также O(n^2) (я думаю)
@Фил, спасибо за уведомление. Я обновил свой ответ.

ProGu · Answer 2 · 2021-11-24T02:27:40

Что - то вроде этого может сработать.

arrOne = [ { "series_1": 25, "category": "Category 1", "series_2": 50 }, { "series_1": 11, "category": "Category 2", "series_2": 22 }, { "series_1": 32, "category": "Category 1", "series_2": 74 }, { "series_1": 74, "category": "Category 3", "series_2": 98 }, { "series_1": 46, "category": "Category 3", "series_2": 29 },];

const result = [];
arrOne.reduce((acc, {category, ...series}) => {
  if (acc.has(category)) {
    Object.entries(series).forEach(([key, value]) => {
      if (key.startsWith('series_')) {
        acc.get(category)[key] = (acc.get(category)[key] || 0) + value;
      }
    });
  } else {
    const item = {category, ...series};
    result.push(item);
    acc.set(category, item);
  }
  return acc;
}, new Map());

console.log(result);

Не уверен насчет редуктора с побочными эффектами (result мутация)

Phil · Answer 3 · 2021-11-24T02:32:20

Создайте карту для сопоставления сумм рядов по категориям.

Затем создайте массив из этой карты с ключами в виде category

const arr1 = [{"series_1":25,"category":"Category 1","series_2":50},{"series_1":11,"category":"Category 2","series_2":22},{"series_1":32,"category":"Category 1","series_2":74},{"series_1":74,"category":"Category 3","series_2":98},{"series_1":46,"category":"Category 3","series_2":29}]

const t1 = performance.now()

const cats = arr1.reduce((map, { category, ...series }) =>
  map.set(category, Object.entries(series)
    .reduce((s, [ key, count ]) => ({
      ...s,
      [ key ]: (s[key] ?? 0) + count
    }), map.get(category) ?? {})
  ), new Map())

const allCategoriesAndValues = Array.from(cats, ([ category, series ]) => ({
  category,
  ...series
}))

const t2 = performance.now()

console.info(allCategoriesAndValues)
console.log(`Took ${t2 - t1}ms`)

.as-console-wrapper { max-height: 100% !important; }

Mister Jojo · Answer 4 · 2021-11-24T02:47:52

Я сделаю это таким образом...

const arrOne = 
  [ { series_1: 25, category: 'Category 1', series_2: 50 } 
  , { series_1: 11, category: 'Category 2', series_2: 22 } 
  , { series_1: 32, category: 'Category 1', series_2: 74 } 
  , { series_1: 74, category: 'Category 3', series_2: 98 } 
  , { series_1: 46, category: 'Category 3', series_2: 29 } 
  ] 

console.time('chrono')

const allCategoriesAndValues =
  Object.entries(
  arrOne.reduce((r,{ category, ...series })=>
    {
    let cat = r[category] = r[category] ?? {} 
    Object.entries(series).forEach(([sName,val]) => cat[sName] = (cat[sName] ?? 0) + val);
    return r
    },{})
  ).map(([category,series])=>({category,...series}))

console.timeEnd('chrono')

console.log( allCategoriesAndValues )

.as-console-wrapper {max-height: 100%!important;top:0 }

Chris Strickland · Answer 5 · 2021-11-24T02:31:18

Вы можете просто выполнить итерацию по массиву объектов, а затем по ключам каждого объекта, хранящимся в буферном объекте. Вам просто нужно либо проверить наличие каждого ключа и добавить его, если он отсутствует, либо вы можете просто объединить ключи falsey в значение по умолчанию, как это сделал я. Я удаляю ключ категории из объекта после того, как получу его значение, чтобы мне не пришлось пытаться пропустить его во время итерации с ключом.

const arrOne = [
  {"series_1": 25, "category": "Category 1", "series_2": 50},
  {"series_1": 11, "category": "Category 2", "series_2": 22},
  {"series_1": 32, "category": "Category 1", "series_2": 74},
  {"series_1": 74, "category": "Category 3", "series_2": 98},
  {"series_1": 46, "category": "Category 3", "series_2": 29},
];

let buffer = {};
arrOne.forEach(i=>{
  let c = i.category;
  buffer[c] = buffer[c] || {};
  delete i.category;
  Object.keys(i).forEach(k=>{
    buffer[c][k] = buffer[c][k] || 0;
    buffer[c][k] += i[k];
  });
});

console.log(buffer);

let final = Object.keys(buffer).map(k=>{return {[k]: buffer[k]}});
console.log(final);

Если вам не нужно иметь это в массиве, последний шаг является необязательным. Он существует только для преобразования объекта в массив.

Teiem · Answer 6 · 2021-11-24T03:11:13

Вот как бы я это сделал

const res = arrOne.reduce((acc, { category, ...vals }) => {
    if (acc[category]) {
        Object.entries(vals).forEach(([ key, val ]) => acc[category][key] = acc[category][key] ? acc[category][key] + val : val);

    } else {
        acc[category] = vals;

    }

    return acc;
}, {});

Как суммировать значения эквивалентных ключей в массиве объектов, где может быть несколько вновь сгенерированных ключей?

Вопрос

Лучший ответ

На других языках

Эта страница на других языках

Популярное в этой категории

Популярные вопросы в этой категории