Javascript tip: Eliminating duplicate values with identical keys in an object

Question

Javascript tip: Eliminating duplicate values with identical keys in an object

Having an array of objects where one key:value pair has duplicate values, I'm looking to eliminate the replicated values within each object.

For instance, I need to trim the duplicate values from mapDataWithDuplicate, as shown below:

mapDataWithDuplicate=[
    {
      lat: "39.562686920166", 
      lng: "-105.106826782227",  
      storeId: "0839", 
      stopId: "12,1,12,23,23"
    },
    {
      lat: "39.6455154418945", 
      lng: "-105.339477539063", 
      storeId: "0010", 
      stopId: "24,2,13,24,13,2,13,24,24"
    }
]

The goal is to remove duplicate values from stopId and arrange it in ascending order. Any assistance would be greatly appreciated.

The expected output should resemble this:

mapDataWithDuplicate=[
        {
          lat: "39.562686920166", 
          lng: "-105.106826782227",  
          storeId: "0839", 
          stopId: "1,12,23"
        },
        {
          lat: "39.6455154418945", 
          lng: "-105.339477539063", 
          storeId: "0010", 
          stopId: "2,13,24"
        }
    ]

javascript arrays object

Answer 1

Answer №1

Utilize the Array.map method to loop through each item and transform the stopId into a Set, eliminating duplicate values and delivering the final outcome.

const mapDataWithDuplicate = [
  {
    lat: "39.562686920166",
    lng: "-105.106826782227",
    storeId: "0839",
    stopId: "12,1,12,23,23"
  },
  {
    lat: "39.6455154418945",
    lng: "-105.339477539063",
    storeId: "0010",
    stopId: "24,2,13,24,13,2,13,24,24"
  }
]

const processData = (list) => {
  return list.map(data => {
    const set = new Set(data.stopId.split(","));
    const ids = [...set].sort((num1, num2) => num1 - num2);
    const stopId = ids.join(",");
    return { ...data, stopId };
  });
}

console.log(processData(mapDataWithDuplicate));

Answer 2

Utilize the Array.map method to loop through each item and transform the stopId into a Set, eliminating duplicate values and delivering the final outcome.

const mapDataWithDuplicate = [
  {
    lat: "39.562686920166",
    lng: "-105.106826782227",
    storeId: "0839",
    stopId: "12,1,12,23,23"
  },
  {
    lat: "39.6455154418945",
    lng: "-105.339477539063",
    storeId: "0010",
    stopId: "24,2,13,24,13,2,13,24,24"
  }
]

const processData = (list) => {
  return list.map(data => {
    const set = new Set(data.stopId.split(","));
    const ids = [...set].sort((num1, num2) => num1 - num2);
    const stopId = ids.join(",");
    return { ...data, stopId };
  });
}

console.log(processData(mapDataWithDuplicate));

Answer 3

Answer №2

If you're open to leveraging a library, this method stands out as the most efficient way to achieve both tasks

var _ = require('lodash');

mapDataWithDuplicate.forEach(e => {
  const convertToArray = _.map(_.words(e.stopId), _.parseInt)
  console.log(_.uniq(_.sortBy(convertToArray)));
})

Initially converting the string into an array is necessary before proceeding with execution. Ideally, having your data in integer format from the start would eliminate this extra step.

Although there's a function that combines both actions, I encountered some issues using it. Perhaps you could give it a try and see if it works for you. Here's the relevant documentation: https://lodash.com/docs/4.17.15#sortedUniq

Answer 4

If you're open to leveraging a library, this method stands out as the most efficient way to achieve both tasks

var _ = require('lodash');

mapDataWithDuplicate.forEach(e => {
  const convertToArray = _.map(_.words(e.stopId), _.parseInt)
  console.log(_.uniq(_.sortBy(convertToArray)));
})

Initially converting the string into an array is necessary before proceeding with execution. Ideally, having your data in integer format from the start would eliminate this extra step.

Although there's a function that combines both actions, I encountered some issues using it. Perhaps you could give it a try and see if it works for you. Here's the relevant documentation: https://lodash.com/docs/4.17.15#sortedUniq

Javascript tip: Eliminating duplicate values with identical keys in an object

Answer №1

Answer №2

Similar questions

How to transfer data using props through the ":to" attribute of a router link in Vue.js

Discovering the FindOne() model in Nodejs Sequelize comes with values that are either rounded or truncated

Utilizing data from a JavaScript array and merging it with basic HTML structure

The Angular route functions flawlessly in the development environment, but encounters issues when deployed to

sending byte array from php: a step-by-step guide

Can you clarify the concept of closures and how they bind the loop counter to the function scope?

Maintaining the current image while awaiting the completion of the new image update

The 'checked' property cannot be bound to 'mat-button-toggle' as it is not recognized as a valid property in Angular 9

How to make Angular 5 wait for promises to finish executing in a for loop

utilizing angular directives on a group of elements

Arranging Material UI tabs on both sides

I am experiencing an issue with the Search Filter where it is not successfully removing

Arrange the keys of a map in ascending order, prioritizing special characters and their precedence

Creating mutual reactivity between two inputs in Vue.js

Adjusting the size of text in KineticJS to ensure it fits comfortably within a rectangle while

Issues encountered when attempting to incorporate additional sliders using JavaScript within a single webpage

Run XQuery dynamically in JavaScript and store the outcome in a JavaScript variable

Accessing an item within a JSON object using jQuery

Updating the time and date format within an AngularJS application

Updating an array element in Mongoose, the MongoDB ORM