Divide the identical elements and distinct elements from a provided array into two separate arrays storing unique elements and recurring elements

Question

Divide the identical elements and distinct elements from a provided array into two separate arrays storing unique elements and recurring elements

Can anyone help me with this query? I have an array of objects that need to be separated into repeating and non-repeating objects based on the segments they belong to, each in a separate array. For example-

[ {name:"abc",id:1,segments:[1,2]}, {name:"abc1",id:2,segments:[1]}, {name:"abc3",id:3,segments:[1,2]}, {name:"abc2",id:4,segments:[1,2,3]} ]

The resulting unique array should be -

uniqueArr = [{ name:"abc1",id:2,segments:[1]},{ name:"abc2",id:4,segments:[1,2,3]}]

The example above is for non-repeating objects in the given array

repeatedEle = [[{ name:"abc",id:1,segments:[1,2]},{ name:"abc3",id:3,segments:[1,2]}]]

The example above is for repeating objects in the given array based on the number of occurrences of the same segments.
Repeated elements must be within a nested array.

javascript arrays algorithm object data-structures

Answer 1

Answer №1

Looking to organize arrays based on the segment prop?

Keep in mind that this solution may not be optimized for performance, but it should suffice for smaller arrays.

const data = [
  {name:"abc",id:1,segments:[1,2]},
  {name:"abc1",id:2,segments:[1]},
  {name:"abc3",id:3,segments:[1,2]},
  {name:"abc2",id:4,segments:[1,2,3]},
];

const uniqueData = data.filter((entry, idx, originalArray) => {
  const copyArray = [...originalArray];
  copyArray.splice(idx, 1);
  
  return !copyArray.some((element) => entry.segments.sort().join() === element.segments.sort().join());
});

const nonUniqueData = data.filter((entry) => !uniqueData.includes(entry));

console.log({uniqueData, nonUniqueData});

Consider this alternative approach.

const data = [
  {name:"abc",id:1,segments:[1,2]},
  {name:"abc1",id:2,segments:[1]},
  {name:"abc3",id:3,segments:[1,2]},
  {name:"abc2",id:4,segments:[1,2,3]},
];

const segmentedData = data.reduce((acc, entry, idx, src) => {

  const copyArray = [...src];
  copyArray.splice(idx, 1);
  
  const key = copyArray.some((element) => entry.segments.sort().join() === element.segments.sort().join()) ? 'nonunique' : 'unique';
  
  acc[key].push(entry);
  
  return acc;

}, { unique: [], nonunique: [] });

console.log(segmentedData);

Answer 2

Looking to organize arrays based on the segment prop?

Keep in mind that this solution may not be optimized for performance, but it should suffice for smaller arrays.

const data = [
  {name:"abc",id:1,segments:[1,2]},
  {name:"abc1",id:2,segments:[1]},
  {name:"abc3",id:3,segments:[1,2]},
  {name:"abc2",id:4,segments:[1,2,3]},
];

const uniqueData = data.filter((entry, idx, originalArray) => {
  const copyArray = [...originalArray];
  copyArray.splice(idx, 1);
  
  return !copyArray.some((element) => entry.segments.sort().join() === element.segments.sort().join());
});

const nonUniqueData = data.filter((entry) => !uniqueData.includes(entry));

console.log({uniqueData, nonUniqueData});

Consider this alternative approach.

const data = [
  {name:"abc",id:1,segments:[1,2]},
  {name:"abc1",id:2,segments:[1]},
  {name:"abc3",id:3,segments:[1,2]},
  {name:"abc2",id:4,segments:[1,2,3]},
];

const segmentedData = data.reduce((acc, entry, idx, src) => {

  const copyArray = [...src];
  copyArray.splice(idx, 1);
  
  const key = copyArray.some((element) => entry.segments.sort().join() === element.segments.sort().join()) ? 'nonunique' : 'unique';
  
  acc[key].push(entry);
  
  return acc;

}, { unique: [], nonunique: [] });

console.log(segmentedData);

Divide the identical elements and distinct elements from a provided array into two separate arrays storing unique elements and recurring elements

Answer №1

Similar questions

Sharing data between pages in Ionic and Angular with POST requests

Retrieve content inside an iframe within the parent container

tracking scroll position within div on main page

What is the best approach for running a database query using the value selected from a form dropdown?

How can I adjust the size of the renderer in Three.js to fit the screen?

The writeToDB function is triggered only one time

Display all files within every subdirectory located in a specified folder on Google Drive

Despite reaching a video readystate of 4 in HTML5, the video still hangs and does not play smoothly

Dividing the code into a function and invoking it does not produce the desired outcome

I am interested in creating a class that will produce functions as its instances

The width of the plotbands on the yAxis of a stacked bar graph is adjusting as the series are dynamically toggled,

Functionality of jQuery Mobile Page

After reducing the size of the table, the data spills over

``motioning a component beneath another component that may be in a state

Utilize AngularJS's OrderBy feature to iterate through the list for navigation in ascending order by Index

Develop a simple application using the MEAN stack framework

Generating an array containing elements specified by the user's input

What's the best way to prevent extra spacing when typing in a materialUI TextField?

Angular2 scripts are failing to load in the web browser

Tips for guaranteeing that the value is retained in an array when setting a Cookie in AEM/cq5