How to merge without duplicating data in angular

Question

Data shouldn't duplicate or it should remove the duplicate data.

Here's the code:

dateList = [
 [{
   date: "2019-12-12 03:00:00"
 },{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-13 03:16:14"
 },{
   date: "2019-12-11 03:16:14"
 }],
[{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-13 03:16:14"
 },{
   date: "2019-12-11 03:16:14"
 }],
[{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-13 03:16:14"
 },{
   date: "2019-12-17 03:16:14"
 }],
[{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-12 03:16:14"
 },{
   date: "2019-12-13 03:16:14"
 },{
   date: "2019-12-15 03:16:14"
 }],

]

dateList.map((x: any) => {
          x.filter((item: any) => {
            console.log(item);

          });
        });

How to combine or merge without duplicating or remove the same date data based on the date in angular.

Example output:

[
    {
      date: "2019-12-12 03:00:00"
    },
    {
      date: "2019-12-13 03:16:14"
    },
    {
      date: "2019-12-17 03:16:14"
    },
    {
      date: "2019-12-15 03:16:14"
    }
  ]

The same date should be removed and if the data not the same it will stay.

I think you need to do a .reduce() instead of a .map()

Mikkel
– Mikkel

2020-01-22 02:50:48 +00:00
Commented Jan 22, 2020 at 2:50 — Mikkel
– Mikkel, Commented Jan 22, 2020 at 2:50

Uthistran Selvaraj · Accepted Answer · 2020-01-22 01:11:23Z

Used plain JavaScript to achieve your requirement

                var dateList = [
                [{
                date: "2019-12-12 03:00:00"
                },{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-13 03:16:14"
                },{
                date: "2019-12-11 03:16:14"
                }],
                [{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-13 03:16:14"
                },{
                date: "2019-12-11 03:16:14"
                }],
                [{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-13 03:16:14"
                },{
                date: "2019-12-17 03:16:14"
                }],
                [{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-12 03:16:14"
                },{
                date: "2019-12-13 03:16:14"
                },{
                date: "2019-12-15 03:16:14"
                }]
                ]

                Array.prototype.contains = function(v) {
                    for (var i = 0; i < this.length; i++) {
                    if (this[i].date === v.date) return true;
                    }
                    return false;
                };
                
                Array.prototype.unique = function() {
                    var arr = [];
                    for (var i = 0; i < this.length; i++) {
                    if (!arr.contains(this[i])) {
                        arr.push(this[i]);
                    }
                    }
                    return arr;
                }

                function myFunction() {
                    var merged = [].concat.apply([], dateList);
                    var uniques = merged.unique();
                    
                    
                    console.log(uniques);
                }

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">Click for answer</button>

</body>
</html>

stackblitz.com/edit/js-z5lusp?file=index.html accept the answer if you find it useful

Collectives™ on Stack Overflow

How to merge without duplicating data in angular

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related