Tips for organizing an array of objects that contain null properties

Question

Tips for organizing an array of objects that contain null properties

Here is an array that I need help with:

"data": {
    "risks": [
      {
        "id": "22",
        "name": true,
        "surname": 0.5,
        "age": 0.75,
        "heigth": 50,
        "num1": [],
        "num2": []
      },
      {
      "id": "55",
        "name": true,
        "surname": 0.5,
        "age": 0.75,
        "heigth": 50,
        "num1": [],
        "num2": []
      },
      {
          "id": "33",
        "name": true,
        "surname": 0.5,
        "age": 0.75,
        "heigth": 50,
        "num1": [1,2,3,4,5],
        "num2": [4,5,6,9]
      }
]}

I'm looking to sort the array in a way that objects with either empty num1 or num2 are placed at the end of the array. I attempted to do this using the code below, but it didn't achieve the desired result.

array.sort((x, y) => !!y.num1.length ==0- !!x.num1.length ==0|| !!y.num2.length ==0- !!x.num2.length ==0);

javascript arrays typescript sorting object

Answer 1

Answer №1

Ensure to provide an integer as the return value from your custom sort() function. It should be either 0, > 0, or < 0 based on the comparison result.

A straightforward method to validate if either num1 or num2 in any object contains a value is by adding their lengths together and comparing them, like this:

const obj = {data:{risks:[{id:"22",name:!0,surname:.5,age:.75,height:50,num1:[],num2:[]},{id:"55",name:!0,surname:.5,age:.75,height:50,num1:[],num2:[]},{id:"33",name:!0,surname:.5,age:.75,height:50,num1:[1,2,3,4,5],num2:[4,5,6,9]}]}};

obj.data.risks = obj.data.risks.sort((a, b) => (b.num1.length + b.num2.length) - (a.num1.length + a.num2.length));
console.log(obj.data.risks);

Keep in mind that this method assumes the arrays in the objects are always empty and not null.

Answer 2

Ensure to provide an integer as the return value from your custom sort() function. It should be either 0, > 0, or < 0 based on the comparison result.

A straightforward method to validate if either num1 or num2 in any object contains a value is by adding their lengths together and comparing them, like this:

const obj = {data:{risks:[{id:"22",name:!0,surname:.5,age:.75,height:50,num1:[],num2:[]},{id:"55",name:!0,surname:.5,age:.75,height:50,num1:[],num2:[]},{id:"33",name:!0,surname:.5,age:.75,height:50,num1:[1,2,3,4,5],num2:[4,5,6,9]}]}};

obj.data.risks = obj.data.risks.sort((a, b) => (b.num1.length + b.num2.length) - (a.num1.length + a.num2.length));
console.log(obj.data.risks);

Keep in mind that this method assumes the arrays in the objects are always empty and not null.

Answer 3

Answer №2

One suggestion is to sort empty arrays by taking the delta of the negated length and moving them to the bottom.

const
    data = [{ id: "22", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [], num2: [] }, { id: "55", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [], num2: [] }, { id: "33", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [1, 2, 3, 4, 5], num2: [4, 5, 6, 9] }, { id: "33", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [], num2: [4, 5, 6, 9] }, { id: "33", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [], num2: [4, 5, 6, 9] }];
    
data.sort((a, b) =>
    !a.num1.length - !b.num1.length ||
    !a.num2.length - !b.num2.length
);
    
console.log(data);

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

Answer 4

One suggestion is to sort empty arrays by taking the delta of the negated length and moving them to the bottom.

const
    data = [{ id: "22", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [], num2: [] }, { id: "55", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [], num2: [] }, { id: "33", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [1, 2, 3, 4, 5], num2: [4, 5, 6, 9] }, { id: "33", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [], num2: [4, 5, 6, 9] }, { id: "33", name: true, surname: 0.5, age: 0.75, heigth: 50, num1: [], num2: [4, 5, 6, 9] }];
    
data.sort((a, b) =>
    !a.num1.length - !b.num1.length ||
    !a.num2.length - !b.num2.length
);
    
console.log(data);

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

Tips for organizing an array of objects that contain null properties

Answer №1

Answer №2

Similar questions

I am currently seeking a way to validate if a variable corresponds to the choice made in the dropdown menu. Any suggestions on how to accomplish this task?

The new mui v5 Dialog is having trouble accepting custom styled widths

Unable to process the post request

Retrieving entities from a text

Vue.js has encountered a situation where the maximum call stack size has been exceeded

Inserting HTML code into the polymer

Counter is effective for the initial post, yet it does not function properly for the subsequent post

Are there specific mathematical algorithms that lend themselves well to creating responsive HTML designs?

Leveraging Javascript within Objective-C

Mastering the Implementation of Timetable.js in Angular with TypeScript

What is the best way to delete markers from a leaflet map?

Is it feasible to utilize the return value of an Async call to display or conceal an alert message?

Ensuring data validity in Angular 2 before enabling a checkbox

managing nested JSON arrays in JavaScript

Is there a way to pass locale data using props in VueJS Router?

Transform the string into an array with each element surrounded by square brackets

shallow rendering does not recognize this.props as a function

Synchronizing the DOM with the Database in a React Component/View: A Step-by-Step

Having trouble integrating NEXT AUTH with Firebase due to an error: "Cannot import statement outside

Tips for avoiding the persistence of an old array on the screen after refreshing and showing the new, updated array