Arranging an array of objects based on dual criteria

Question

Arranging an array of objects based on dual criteria

Sorting an array of objects based on 2 conditions is my current challenge

First, I need to sort by value
If the names are the same, I want to display them next to each other in ascending order of their values

For a visual example, check out this demo: https://codesandbox.io/s/relaxed-dhawan-sfryng?file=/src/index.js

javascript typescript

Answer 1

Answer №1

This is a detailed solution to the problem at hand. Take some time to review the code snippet provided below:

const array = [
  {
    name: "John",
    value: 5
  },
  {
    name: "David",
    value: 6
  },
  {
    name: "John",
    value: 2
  },
  {
    name: "Michael",
    value: 4
  }
];

const customSort = (data) => {
  
  // Logic explained in comments above
  
}

console.log(customSort(array))

Answer 2

This is a detailed solution to the problem at hand. Take some time to review the code snippet provided below:

const array = [
  {
    name: "John",
    value: 5
  },
  {
    name: "David",
    value: 6
  },
  {
    name: "John",
    value: 2
  },
  {
    name: "Michael",
    value: 4
  }
];

const customSort = (data) => {
  
  // Logic explained in comments above
  
}

console.log(customSort(array))

Answer 3

Answer №2

Here is a solution that may be helpful:

const items = [
  {
    name: "Alice",
    value: 7
  },
  {
    name: "Bob",
    value: 3
  },
  {
    name: "Alice",
    value: 6
  },
  {
    name: "Charlie",
    value: 2
  }
];

const groupedItems = [];

// Find the index of an item by its name in the groupedItems array
const findIndex = (name) => {
  let index = -1;
  groupedItems.forEach((groupedItem, _index) => {
    if(groupedItem.name === name) {
      index = _index;
    }
  });
  return index;
}

// Group items by their name
const groupByName = () => {
  items.forEach((item) => {
    const name = item.name;
    const value = item.value;
    let index = findIndex(name);
    
    // Add the name to groupedItems if it hasn't been added before
    if(index === -1) {
      groupedItems.push({
        name: name,
        values: [],
        minValue: Infinity
      });
      index = groupedItems.length - 1;
    }
    
    // Add current value to the list of values
    groupedItems[index].values.push(value);

    // Update minValue
    if(groupedItems[index].minValue > value) {
      groupedItems[index].minValue = value;
    }
  });
}

groupByName();

// Sort by minValue and return the final objects
const finalResult = groupedItems.sort((a, b) => a.minValue - b.minValue).flatMap((item) => (
  item.values.sort((firstVal, secondVal) => firstVal - secondVal).map((val) => {
    return {
      name: item.name,
      value: val
    }
  })
));

console.log(finalResult);

Answer 4

Here is a solution that may be helpful:

const items = [
  {
    name: "Alice",
    value: 7
  },
  {
    name: "Bob",
    value: 3
  },
  {
    name: "Alice",
    value: 6
  },
  {
    name: "Charlie",
    value: 2
  }
];

const groupedItems = [];

// Find the index of an item by its name in the groupedItems array
const findIndex = (name) => {
  let index = -1;
  groupedItems.forEach((groupedItem, _index) => {
    if(groupedItem.name === name) {
      index = _index;
    }
  });
  return index;
}

// Group items by their name
const groupByName = () => {
  items.forEach((item) => {
    const name = item.name;
    const value = item.value;
    let index = findIndex(name);
    
    // Add the name to groupedItems if it hasn't been added before
    if(index === -1) {
      groupedItems.push({
        name: name,
        values: [],
        minValue: Infinity
      });
      index = groupedItems.length - 1;
    }
    
    // Add current value to the list of values
    groupedItems[index].values.push(value);

    // Update minValue
    if(groupedItems[index].minValue > value) {
      groupedItems[index].minValue = value;
    }
  });
}

groupByName();

// Sort by minValue and return the final objects
const finalResult = groupedItems.sort((a, b) => a.minValue - b.minValue).flatMap((item) => (
  item.values.sort((firstVal, secondVal) => firstVal - secondVal).map((val) => {
    return {
      name: item.name,
      value: val
    }
  })
));

console.log(finalResult);

Arranging an array of objects based on dual criteria

Answer №1

Answer №2

Similar questions

Updating a Rails partial using JSON response from an AJAX post request

Leveraging Vue computed properties to update local state without the need for Vuex

Using jQuery to reveal the following unordered list after an H3 element by sliding it

What is the best way to update the old string values with the new string values?

Display a loading dialog for several asynchronous requests being made via AJAX

Delete one object and then sequentially rename all remaining objects

Is it possible to show a pop-up window containing aggregated data when the jQuery double-click event

Exploring the Jquery functionality: $(document).ready(callback);

Using ant-design with react-draggable for modals: A step-by-step guide

Having trouble receiving a Java Response through Ajax when using dataType: "jsonp", but it works when using dataType: "text"

Embed the component into the array collection

JavaScript/Typescript is throwing an error because it is unable to access the property 'username' of an undefined object

Grouping and retrieving values from an array of JavaScript objects

Dealing with HTML and Escaping Challenges in jQuery Functions

Misunderstanding the Variable Scope Concept in Node.js

processing an array using ajax form submission

Utilizing AngularJS, the method to retrieve the image source from text within a scope variable

What is the best way to incorporate external scripts into a Node.js project?

Adding data to a JavaScript array with two dimensions

Tips for handling npm dependency issues