Tips for organizing an array of objects in JavaScript according to a specific attribute value?

Question

Tips for organizing an array of objects in JavaScript according to a specific attribute value?

I'm trying to sort an array of notification objects in decreasing order of severity: Error > Warning > Information.

For example:

var notificationArray = [ {
    code : "103",
    severity : "Error"
}, {
    code : "104",
    severity : "Information"
}, {
    code : "109",
    severity : "Error"
}, {
    code : "403",
    severity : "Warning"
}, {
    code : "510",
    severity : "Information"
}, {
    code : "114",
    severity : "Warning"
}, {
    code : "144",
    severity : "Error"
}, {
    code : "413",
    severity : "Warning"
} ];

What's the best way to ensure this array is always sorted by severity?

P.S. I've seen other threads on sorting arrays of objects, but they mostly focus on unicode sorting rather than comparing against a fixed value like I need. Apologies if this question is repetitive.

javascript arrays sorting

Answer 1

Answer №1

To organize notifications based on severity, you can use an order object.

var notificationArray = [{ code: "103", severity: "Error" }, { code: "104", severity: "Information" }, { code: "109", severity: "Error" }, { code: "403", severity: "Warning" }, { code: "510", severity: "Information" }, { code: "114", severity: "Warning" }, { code: "144", severity: "Error" }, { code: "413", severity: "Warning" }, { code: "131", severity: "Error"}],
    order = { Error: 1, Warning: 2, Information: 3 };

notificationArray.sort(function (a, b) {
    return order[a.severity] - order[b.severity];
});

console.log(notificationArray);

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

Answer 2

To organize notifications based on severity, you can use an order object.

var notificationArray = [{ code: "103", severity: "Error" }, { code: "104", severity: "Information" }, { code: "109", severity: "Error" }, { code: "403", severity: "Warning" }, { code: "510", severity: "Information" }, { code: "114", severity: "Warning" }, { code: "144", severity: "Error" }, { code: "413", severity: "Warning" }, { code: "131", severity: "Error"}],
    order = { Error: 1, Warning: 2, Information: 3 };

notificationArray.sort(function (a, b) {
    return order[a.severity] - order[b.severity];
});

console.log(notificationArray);

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

Answer 3

Answer №2

Consider the following approach:

var errors = notificationArray.map(function(message) {
  return message.severity === 'Error';
});
var warnings = notificationArray.map(function(message) {
  return message.severity === 'Warning';
});
var infos = notificationArray.map(function(message) {
  return message.severity === 'Information';
});

var sortedMessage = errors.concat(warnings).concat(infos);

I cannot guarantee if this method is quicker than @NinaScholz's solution, but it might be easier for you to follow.

Answer 4

Consider the following approach:

var errors = notificationArray.map(function(message) {
  return message.severity === 'Error';
});
var warnings = notificationArray.map(function(message) {
  return message.severity === 'Warning';
});
var infos = notificationArray.map(function(message) {
  return message.severity === 'Information';
});

var sortedMessage = errors.concat(warnings).concat(infos);

I cannot guarantee if this method is quicker than @NinaScholz's solution, but it might be easier for you to follow.

Answer 5

Answer №3

Assign a priority to each level of severity

EXAMPLE :

var priority = {
    low: 0,
    medium: 1,
    high: 2, 
}

Next, organize the notifications array according to the priority of each severity level

notificationArray.sort(function(a, b) {
    var p1 = priority[a.severity.toLowerCase()];
    var p2 = priority[b.severity.toLowerCase()];
    return p2 - p1;
});

Answer 6

Assign a priority to each level of severity

EXAMPLE :

var priority = {
    low: 0,
    medium: 1,
    high: 2, 
}

Next, organize the notifications array according to the priority of each severity level

notificationArray.sort(function(a, b) {
    var p1 = priority[a.severity.toLowerCase()];
    var p2 = priority[b.severity.toLowerCase()];
    return p2 - p1;
});

Tips for organizing an array of objects in JavaScript according to a specific attribute value?

Answer №1

Answer №2

Answer №3

Similar questions

Error code E11000 is thrown due to a duplicate key in a Node.js application

Unable to locate the Chart object within the chartjs-plugin-labels.js file

Displaying the initial element in an NgFor loop in Angular 2

How can I extract the JSON value as a string?

Building a query in Javascript by utilizing object keys and values: a step-by-step guide

Avoid duplication of elements in Angular applications

Encountering an issue while attempting to fetch a value from a nested object property with VueJS Interpolation

Identifying the opening of a folder or file in an electron/node application

I prefer to disable the toggle feature if the target remains unchanged

Converting an rrule date value from an array to a customized string format

Steps for converting an image byte array into a bitmap after making changes to the byte array

Issue with material-ui-dropzone, the DropzoneAreaBase component not displaying the preview of the uploaded files

Guide to correcting Form Data errors with XHR resulting in a 400 Bad Request

Creating a thumbnail with a close button using an image

What is the best way to update the content of a particular div and its associated link ID whenever the link is clicked?

Steps for retrieving user timezone offset and transmitting it to the server in an ASP.net application

Make sure that the iframe loads the next page with enough force to break out

Tips on creating an inline editable cell in a Tree View

What is the best method for directing to various pages on a GitHub Pages website?

Having difficulty retrieving the Area and Range information in ChartJS