Ways to prevent the repetition of keys associated with values

Question

Ways to prevent the repetition of keys associated with values

I am currently dealing with an array called serialNumbers, which can have different structures. For example:

lot: 1  Serial: 2
lot: 1  Serial: 3
lot: 1  Serial: 4

...or it could look like this:

lot: 1  Serial: 5
lot: 1  Serial: 9
lot: 8  Serial: 2
lot: 8  Serial: 4

In my attempt to manipulate the data, I created a dictionary named dictSerials using the following code:

var dictSerials = []
if (serialNumbers.length > 0) 
    for (var i of serialNumbers) {
        dictSerials.push({
            key: i.value.lot,
            value: i.value.serial
        })
    }

However, my desired outcome is to have an object structured like this:

Key: 1  Value: 2, 3, 4, 5, 9
Key: 8  Value: 2, 4

If anyone has insights on how to achieve this, your assistance would be greatly appreciated. Thank you!

javascript vue.js

Answer 1

Answer №1

One way to meet your requirement is by utilizing the reduce function to group keys and values together.

let data = [{type: 'A', number: 1},{type: 'A', number: 2},{type: 'B', number: 3},{type: 'B', number: 4},{type: 'C',number: 5},{type: 'D',number: 6}],
    outcome = Object.values(data.reduce((accumulator, current) => {
      (accumulator[current.type] || (accumulator[current.type] = {Key: current.type, Value: []})).Value.push(current.number);
      return accumulator;
    }, {}));
    
console.log(outcome);

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

Answer 2

One way to meet your requirement is by utilizing the reduce function to group keys and values together.

let data = [{type: 'A', number: 1},{type: 'A', number: 2},{type: 'B', number: 3},{type: 'B', number: 4},{type: 'C',number: 5},{type: 'D',number: 6}],
    outcome = Object.values(data.reduce((accumulator, current) => {
      (accumulator[current.type] || (accumulator[current.type] = {Key: current.type, Value: []})).Value.push(current.number);
      return accumulator;
    }, {}));
    
console.log(outcome);

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

Answer 3

Answer №2

If you're looking for a more efficient approach, consider this solution:

 let data = [
      {
        name: "foo1",
        value: "val1"
      }, 
      {
        name: "foo1",
        value: ["val2", "val3"]
      },
      {
        name: "foo2",
        value: "val4"
      }
    ];

    let result = [];

    data.forEach(item => {
      let existingItem = result.find(obj => obj.name === item.name);
      if (existingItem) {
        let index = result.indexOf(existingItem);
        result[index].value = result[index].value.concat(item.value);
      } else {
        if (typeof item.value === 'string') {
          item.value = [item.value];
        }
        result.push(item);
      }
    });

    console.dir(result);

Answer 4

If you're looking for a more efficient approach, consider this solution:

 let data = [
      {
        name: "foo1",
        value: "val1"
      }, 
      {
        name: "foo1",
        value: ["val2", "val3"]
      },
      {
        name: "foo2",
        value: "val4"
      }
    ];

    let result = [];

    data.forEach(item => {
      let existingItem = result.find(obj => obj.name === item.name);
      if (existingItem) {
        let index = result.indexOf(existingItem);
        result[index].value = result[index].value.concat(item.value);
      } else {
        if (typeof item.value === 'string') {
          item.value = [item.value];
        }
        result.push(item);
      }
    });

    console.dir(result);

Answer 5

Answer №3

Here is a straightforward method using dual forEach loops:

const data = [
  {lot : 1, Serial : 2},
  {lot : 1, Serial : 3},
  {lot : 1, Serial : 4},
  {lot : 1, Serial : 5},  
  {lot : 1, Serial : 9},
  {lot : 8, Serial : 2},
  {lot : 8, Serial : 4}
]

let groupedData = [],
  resultData = [];

data.forEach((entry) => {
  (resultData[entry.lot] || (resultData[entry.lot] = [])).push(entry.Serial)
})

resultData.forEach((entry, index) => {
  groupedData.push({
    "key": index,
    "value": entry.join(',')
  })
});

console.log(groupedData)

Answer 6

Here is a straightforward method using dual forEach loops:

const data = [
  {lot : 1, Serial : 2},
  {lot : 1, Serial : 3},
  {lot : 1, Serial : 4},
  {lot : 1, Serial : 5},  
  {lot : 1, Serial : 9},
  {lot : 8, Serial : 2},
  {lot : 8, Serial : 4}
]

let groupedData = [],
  resultData = [];

data.forEach((entry) => {
  (resultData[entry.lot] || (resultData[entry.lot] = [])).push(entry.Serial)
})

resultData.forEach((entry, index) => {
  groupedData.push({
    "key": index,
    "value": entry.join(',')
  })
});

console.log(groupedData)

Answer 7

Answer №4

One effective way to achieve this is by utilizing a Map.

var productCodes = [
  {item:{product:1, code: 2}},
  {item:{product:1, code: 3}},
  {item:{product:1, code: 4}},
  {item:{product:1, code: 5}},
  {item:{product:1, code: 9}},
  {item:{product:8, code: 2}},
  {item:{product:8, code: 4}},
 ];

var codeMapping = new Map();
if (productCodes.length > 0) {
  for (var item of productCodes) {
      if(!codeMapping.has(item.item.product)) {
        codeMapping.set(item.item.product, [item.item.code]);        
      } else {
        var values = codeMapping.get(item.item.product);
        values.push(item.item.code);
        codeMapping.set(item.item.product, values);        
      }      
  }
}
//Final Result
for (var [key, value] of codeMapping.entries()) {
  console.log("Product: " + key + " Code: " + value.join(","));
}

Answer 8

One effective way to achieve this is by utilizing a Map.

var productCodes = [
  {item:{product:1, code: 2}},
  {item:{product:1, code: 3}},
  {item:{product:1, code: 4}},
  {item:{product:1, code: 5}},
  {item:{product:1, code: 9}},
  {item:{product:8, code: 2}},
  {item:{product:8, code: 4}},
 ];

var codeMapping = new Map();
if (productCodes.length > 0) {
  for (var item of productCodes) {
      if(!codeMapping.has(item.item.product)) {
        codeMapping.set(item.item.product, [item.item.code]);        
      } else {
        var values = codeMapping.get(item.item.product);
        values.push(item.item.code);
        codeMapping.set(item.item.product, values);        
      }      
  }
}
//Final Result
for (var [key, value] of codeMapping.entries()) {
  console.log("Product: " + key + " Code: " + value.join(","));
}

Answer 9

Answer №5

function createSerialDictionary(serialNumbers) {

    var serialDict = {};

    if (serialNumbers.length > 0) {
        for (let num of serialNumbers) {
            let lotNumber = num.lot;
            let serialNumber = num.serial;

            if (!serialDict[lotNumber]) { 
                serialDict[lotNumber] = [];
            }

            serialDict[lotNumber].push(serialNumber); 
        }
    }

    return serialDict;
}

let items = [
    {lot : 1, serial : 2},
    {lot : 1, serial : 3},
    {lot : 1, serial : 4},
    {lot : 1, serial : 5},
    {lot : 1, serial : 9},
    {lot : 8, serial : 2},
    {lot : 8, serial : 4}
];

let finalObject =  {
    serializedItems: createSerialDictionary(items)
}

JSON.stringify(finalObject); // {"serializedItems":{"1":[2,3,4,5,9],"8":[2,4]}}

Answer 10

function createSerialDictionary(serialNumbers) {

    var serialDict = {};

    if (serialNumbers.length > 0) {
        for (let num of serialNumbers) {
            let lotNumber = num.lot;
            let serialNumber = num.serial;

            if (!serialDict[lotNumber]) { 
                serialDict[lotNumber] = [];
            }

            serialDict[lotNumber].push(serialNumber); 
        }
    }

    return serialDict;
}

let items = [
    {lot : 1, serial : 2},
    {lot : 1, serial : 3},
    {lot : 1, serial : 4},
    {lot : 1, serial : 5},
    {lot : 1, serial : 9},
    {lot : 8, serial : 2},
    {lot : 8, serial : 4}
];

let finalObject =  {
    serializedItems: createSerialDictionary(items)
}

JSON.stringify(finalObject); // {"serializedItems":{"1":[2,3,4,5,9],"8":[2,4]}}

Answer 11

Answer №6

var dictSerials = []
if (serialNumbers.length > 0) {
    for (var i of serialNumbers) {

      if(!dictSerials[i.value.lot]){
          dictSerials[i.value.lot] = [];
      }

       dictSerials[i.value.lot][] = i.value.serial;
    }
}

This particular code snippet is designed to assign values to their respective keys in the dictionary.

Answer 12

var dictSerials = []
if (serialNumbers.length > 0) {
    for (var i of serialNumbers) {

      if(!dictSerials[i.value.lot]){
          dictSerials[i.value.lot] = [];
      }

       dictSerials[i.value.lot][] = i.value.serial;
    }
}

This particular code snippet is designed to assign values to their respective keys in the dictionary.

Ways to prevent the repetition of keys associated with values

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

Unusual host value being returned by next/headers in Next.js version 13

Determine the sequence of a div based on its class

Is there a method to create a typecheck for hasOwnProperty?

Issue with adding json_encode to the end

The information is not appearing in the dropdown menu

Incorporate the ability to display a shape on a map when hovering over a table element, without the need to manually code a JavaScript function for every instance

Determining the file size of an HTML and JavaScript webpage using JavaScript

Store a new JSON item in the localStorage

Dealing with the Back Button Problem in History API and History.js

Access the data within a jsonArray using Cypress

Struggling to delete items from an array in react.js

Having trouble with Vue 3 Composition API's Provide/Inject feature in Single File Components?

retrieving data from GET variables and sending to a PHP array

The concept of nested ng-repeat in AngularJS

Updating SVG colors using VueJS

Guide to retrieving a string value rather than Json output with a mongodb aggregate function

Creating a canvas texture on tube geometry with three.js for optimal display on iPad devices

Adding an operation to a function that is linked to an event

I'm receiving a TypeError in Nodejs indicating that the hashPassword function is not recognized as a function. Can anyone offer advice on how to

Is it possible to automatically submit a form at regular intervals without reloading the page and simultaneously insert the submitted data into