Ways to shift duplicates to the beginning of an Object array?

Question

Ways to shift duplicates to the beginning of an Object array?

I am working with a variable that contains an array of objects

let Obj1 =

    [
    {Id: 123, name: 'A'},
    {Id: 124, name: 'B'},
    {Id: 125, name: 'C'},
    {Id: 126, name: 'D'},
    {Id: 127, name: 'E'}
    ]

let Obj2 = {Id:126, name: 'D'}

Is there a way to dynamically move Obj2 within Obj1 to the 0th index using Javascript or TypeScript? Obj2 is received from the backend and Obj1 is data already present in the frontend. The desired end result should look like this:

[
{Id: 126, name: 'D'},
{Id: 123, name: 'A'},
{Id: 124, name: 'B'},
{Id: 125, name: 'C'},
{Id: 127, name: 'E'}
]

javascript arrays typescript sorting

Answer 1

Answer №1

const dataObj =
    [
    {id: 111, name: 'X'},
    {id: 112, name: 'Y'},
    {id: 113, name: 'Z'},
    {id: 114, name: 'W'},
    {id: 115, name: 'V'}
    ];

let searchObj = {id:114, name: 'W'};

let filteredArray = dataObj.reduce((result, item) => (item.id === searchObj.id ? result.unshift(item) : result.push(item), result), []);

console.log(filteredArray);

Answer 2

const dataObj =
    [
    {id: 111, name: 'X'},
    {id: 112, name: 'Y'},
    {id: 113, name: 'Z'},
    {id: 114, name: 'W'},
    {id: 115, name: 'V'}
    ];

let searchObj = {id:114, name: 'W'};

let filteredArray = dataObj.reduce((result, item) => (item.id === searchObj.id ? result.unshift(item) : result.push(item), result), []);

console.log(filteredArray);

Answer 3

Answer №2

let object1 = [
        {Id: 123, name: 'A'},
        {Id: 124, name: 'B'},
        {Id: 125, name: 'C'},
        {Id: 126, name: 'D'},
        {Id: 127, name: 'E'}
    ]
    
let object2 = {Id:126, name: 'D'}

for (let index = 0; index < object1.length; index++) {
    if (object1[index].Id === object2.Id && object1[index].name === object2.name) {
        object1.splice(index, 1)
        object1.unshift(object2)
        break
    }
}

console.log(object1)

Answer 4

let object1 = [
        {Id: 123, name: 'A'},
        {Id: 124, name: 'B'},
        {Id: 125, name: 'C'},
        {Id: 126, name: 'D'},
        {Id: 127, name: 'E'}
    ]
    
let object2 = {Id:126, name: 'D'}

for (let index = 0; index < object1.length; index++) {
    if (object1[index].Id === object2.Id && object1[index].name === object2.name) {
        object1.splice(index, 1)
        object1.unshift(object2)
        break
    }
}

console.log(object1)

Answer 5

Answer №3

To organize the data, you can use property comparison.

const
    compareValues = (x, y) => x.Id === y.Id && x.name === y.name,
    items = [{ Id: 123, name: 'A' }, { Id: 124, name: 'B' }, { Id: 125, name: 'C' }, { Id: 126, name: 'D' }, { Id: 127, name: 'E' }],
    target = { Id: 126, name: 'D' };

items.sort((x, y) => compareValues(y, target) - compareValues(x, target));

console.log(items);

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

Answer 6

To organize the data, you can use property comparison.

const
    compareValues = (x, y) => x.Id === y.Id && x.name === y.name,
    items = [{ Id: 123, name: 'A' }, { Id: 124, name: 'B' }, { Id: 125, name: 'C' }, { Id: 126, name: 'D' }, { Id: 127, name: 'E' }],
    target = { Id: 126, name: 'D' };

items.sort((x, y) => compareValues(y, target) - compareValues(x, target));

console.log(items);

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

Answer 7

Answer №4

Give this a try!

let data = [
   {
      "num":1,
      "letter":"A"
   },
   {
      "num":2,
      "letter":"B"
   },
   {
      "num":3,
      "letter":"C"
   }
]

let newData = {
    "num":2, 
    "letter":"B"
}

/* 

if newData isn't in the data array...
add newData to the beginning of the data array

*/

if (data.indexOf(newData) == -1) {
  data.unshift(newData);
}

Answer 8

Give this a try!

let data = [
   {
      "num":1,
      "letter":"A"
   },
   {
      "num":2,
      "letter":"B"
   },
   {
      "num":3,
      "letter":"C"
   }
]

let newData = {
    "num":2, 
    "letter":"B"
}

/* 

if newData isn't in the data array...
add newData to the beginning of the data array

*/

if (data.indexOf(newData) == -1) {
  data.unshift(newData);
}

Answer 9

Answer №5

Success! It did the trick. Grateful for this solution.

data.unshift(data.splice(data.findIndex(item => item.Id === Obj2.Id, 1)[0]);

Answer 10

Success! It did the trick. Grateful for this solution.

data.unshift(data.splice(data.findIndex(item => item.Id === Obj2.Id, 1)[0]);

Answer 11

Answer №6

Looking to rearrange the position of Obj2 within Obj1? Additional notes are included in the code snippet below.

Give this a shot :

// The starting array
let Obj1 = [
  {Id: 123, name: 'A'},
  {Id: 124, name: 'B'},
  {Id: 125, name: 'C'},
  {Id: 126, name: 'D'},
  {Id: 127, name: 'E'}
];

// Object to locate and move
let Obj2 = {Id: 126, name: 'D'};

// Loop through the original array to shift the targeted object to the first index.
Obj1.forEach((obj, index) => {
  // Verify if Obj2 is present in Obj1 array
    if (JSON.stringify(Obj2) === JSON.stringify(obj)) {
    // Removing the object
    const removedObj = Obj1.splice(index, 1);
    // Placing the removed object at index 0.
    Obj1.unshift(removedObj);
  }
});

// Displaying the updated array
console.log(Obj1);

Answer 12

Looking to rearrange the position of Obj2 within Obj1? Additional notes are included in the code snippet below.

Give this a shot :

// The starting array
let Obj1 = [
  {Id: 123, name: 'A'},
  {Id: 124, name: 'B'},
  {Id: 125, name: 'C'},
  {Id: 126, name: 'D'},
  {Id: 127, name: 'E'}
];

// Object to locate and move
let Obj2 = {Id: 126, name: 'D'};

// Loop through the original array to shift the targeted object to the first index.
Obj1.forEach((obj, index) => {
  // Verify if Obj2 is present in Obj1 array
    if (JSON.stringify(Obj2) === JSON.stringify(obj)) {
    // Removing the object
    const removedObj = Obj1.splice(index, 1);
    // Placing the removed object at index 0.
    Obj1.unshift(removedObj);
  }
});

// Displaying the updated array
console.log(Obj1);

Ways to shift duplicates to the beginning of an Object array?

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

Need to swiftly modify values of css attributes?

Is the number 9933272057275866 truly magical?

React Typescript does not support the use of React-Router

Creating a webpage that loads directly to a specific section of content

Unable to view Chart.js on the second tab

How can I ensure that a button remains fixed at the bottom of a Material UI React Component?

Adding a distinct key and its corresponding value to an array in Vue for a unique

Finding the data type based on the button clicked with javascript: A beginner's guide

What is the purpose of passing data into the 'success' function of an AJAX request?

Error: Angular JS Service is undefined

Is emitting a side effect event acceptable within an RxJS pipe?

The @angular/fire package is unable to locate the AngularFireModule and AngularFireDatabaseModule modules

Protecting the source code of your Node.js application is just as important

React App with Material UI V1-beta Integration

Floating Action Button is not properly attached to its parent container

Retrieve the array from within the string

Stopping a NodeJs file running on an Ubuntu server

Encountering an issue accessing a property retrieved from a fetch request in TypeScript

Is it possible to include three sorting states in jQuery DataTables: ASC, DESC, and NO_SORT?

What is the best way to showcase an item from an array using a timer?