Arrange objects in an array in a custom order

Question

Arrange objects in an array in a custom order

I received an array of objects from an API call that I need to organize into a specific format.

My goal is to sort the destination_country_id alphabetically, with the exception of the first three and last items. For example:

"Ireland"
"United Kingdom"
"United States"
...other countries, in alphabetical order...
"Everywhere Else"

I have thought about using array.sort(), which should help me alphabetize them easily. However, I am struggling to achieve the desired output so far.

API Response

[
    {
        "destination_country_id": null,
        "primary_cost": "9.50",
        "region_id": null,
        "destination_country_name": "Everywhere Else",
    },
    {
        "destination_country_id": 105,
        "primary_cost": "8.00",
        "region_id": null,
        "destination_country_name": "United Kingdom",
    },
    {
        "destination_country_id": 209,
        "primary_cost": "9.50",
        "region_id": null,
        "destination_country_name": "United States",
    },
    {
        "destination_country_id": 123,
        "primary_cost": "5.00",
        "region_id": null,
        "destination_country_name": "Ireland",
    },
    {
        "destination_country_id": 185,
        "primary_cost": "5.00",
        "region_id": null,
        "destination_country_name": "France",
    },
    {
        "destination_country_id": 145,
        "primary_cost": "5.00",
        "region_id": null,
        "destination_country_name": "Spain",
    }
]

javascript arrays sorting

Answer 1

Answer №1

This may not be the most efficient approach, but it is based on ES3 and does not rely on any external libraries. It is relatively easy to comprehend. This code snippet assumes that you want to sort alphabetically based on the destination_country_name attribute.

In JavaScript:

// where x represents your array of objects
x.sort(function (a, b) {
    return a.destination_country_name.localeCompare(b.destination_country_name);
}).sort(function (a, b) {
    return +(!b.destination_country_name.localeCompare('United States'));
}).sort(function (a, b) {
    return +(!b.destination_country_name.localeCompare('United Kingdom'));
}).sort(function (a, b) {
    return +(!b.destination_country_name.localeCompare('Ireland'));
}).sort(function (a, b) {
    return +(!a.destination_country_name.localeCompare('Everywhere Else'));
});

console.log(JSON.stringify(x, ['destination_country_name']));

Output:

function sorter(array, funcs, orders) {
    funcs = funcs || {};
    orders = orders || {};
    array.sort(funcs.general);
    
    if (Array.isArray(orders.top)) {
        orders.top.slice().reverse().forEach(function(value) {
            array.sort(funcs.top.bind(value));
        });
    }

    if (Array.isArray(orders.bottom)) {
        orders.bottom.forEach(function(value) {
            array.sort(funcs.bottom.bind(value));
        });
    }

    return array;
}

sorter(x, {
    general: function (a, b) {
        return a.destination_country_name.localeCompare(b.destination_country_name);
    },
    top: function (a, b) {
        return +(!b.destination_country_name.localeCompare(this));
    },
    bottom: function (a, b) {
        return +(!a.destination_country_name.localeCompare(this));
    }
}, {
    top: ['Ireland', 'United Kingdom', 'United States'],
    bottom: ['Everywhere Else']
});

View this on jsFiddle

With this method, you can easily sort based on different attributes by providing different comparison functions and specifying values that should appear at the top or bottom.

I have used ECMA5 methods here, but it can also be implemented with ECMA3.

Answer 2

This may not be the most efficient approach, but it is based on ES3 and does not rely on any external libraries. It is relatively easy to comprehend. This code snippet assumes that you want to sort alphabetically based on the destination_country_name attribute.

In JavaScript:

// where x represents your array of objects
x.sort(function (a, b) {
    return a.destination_country_name.localeCompare(b.destination_country_name);
}).sort(function (a, b) {
    return +(!b.destination_country_name.localeCompare('United States'));
}).sort(function (a, b) {
    return +(!b.destination_country_name.localeCompare('United Kingdom'));
}).sort(function (a, b) {
    return +(!b.destination_country_name.localeCompare('Ireland'));
}).sort(function (a, b) {
    return +(!a.destination_country_name.localeCompare('Everywhere Else'));
});

console.log(JSON.stringify(x, ['destination_country_name']));

Output:

function sorter(array, funcs, orders) {
    funcs = funcs || {};
    orders = orders || {};
    array.sort(funcs.general);
    
    if (Array.isArray(orders.top)) {
        orders.top.slice().reverse().forEach(function(value) {
            array.sort(funcs.top.bind(value));
        });
    }

    if (Array.isArray(orders.bottom)) {
        orders.bottom.forEach(function(value) {
            array.sort(funcs.bottom.bind(value));
        });
    }

    return array;
}

sorter(x, {
    general: function (a, b) {
        return a.destination_country_name.localeCompare(b.destination_country_name);
    },
    top: function (a, b) {
        return +(!b.destination_country_name.localeCompare(this));
    },
    bottom: function (a, b) {
        return +(!a.destination_country_name.localeCompare(this));
    }
}, {
    top: ['Ireland', 'United Kingdom', 'United States'],
    bottom: ['Everywhere Else']
});

View this on jsFiddle

With this method, you can easily sort based on different attributes by providing different comparison functions and specifying values that should appear at the top or bottom.

I have used ECMA5 methods here, but it can also be implemented with ECMA3.

Answer 3

Answer №2

In order to efficiently sort your array, one approach is to identify and remove the elements representing "Everywhere Else", "UK", "Ireland", and "US". Once these are eliminated, the remaining array can be sorted with ease. Despite sounding complex, this method is straightforward.

Check out this fiddle

var data = [
    {"destination_country_name": "Everywhere Else"},
    {"destination_country_name": "United Kingdom"},
    {"destination_country_name": "United States"},
    {"destination_country_name": "Ireland"},
    {"destination_country_name": "France"},
    {"destination_country_name": "Spain"}     ];
//other elements removed for clarity
var keep = ["Everywhere Else", "Ireland", "United Kingdom", "United States"];
var top = [];

for (var i = 0; i < keep.length; i++) {
    var index = function () {
        for (var j = 0; j < data.length; j++){    
            if (data[j].destination_country_name == keep[i])
                return data[j];    
        }
    }
    if (index > -1){        
        top.push(data[index]);    
        data.splice(index, 1);    
    }
}

data.sort(function (a, b) {    
    if (a.destination_country_name > b.destination_country_name)
        return 1;        
    if (a.destination_country_name < b.destination_country_name)
        return -1;        
    return 0;   
})

var sorted = top.concat(data), 
    extra = sorted.shift();    
    sorted.push(extra);        
console.log(sorted);

Alternatively, if you know those initial four places will always exist in the same order:

var data = [
    {"destination_country_name": "Everywhere Else"},
    {"destination_country_name": "United Kingdom"},
    {"destination_country_name": "United States"},
    {"destination_country_name": "Ireland"},
    {"destination_country_name": "France"},
    {"destination_country_name": "Spain"}     ];

var top = data.slice(0,4);
data.sort(function (a, b) {
    if (a.destination_country_name > b.destination_country_name)
        return 1;
    if (a.destination_country_name < b.destination_country_name)
        return -1;
    return 0;
})

var sorted = top.concat(data),
        extra = sorted.shift();
        sorted = sorted.push(extra);

This method is more efficient and simpler as it eliminates the need to locate specific elements within the array.

Answer 4

In order to efficiently sort your array, one approach is to identify and remove the elements representing "Everywhere Else", "UK", "Ireland", and "US". Once these are eliminated, the remaining array can be sorted with ease. Despite sounding complex, this method is straightforward.

Check out this fiddle

var data = [
    {"destination_country_name": "Everywhere Else"},
    {"destination_country_name": "United Kingdom"},
    {"destination_country_name": "United States"},
    {"destination_country_name": "Ireland"},
    {"destination_country_name": "France"},
    {"destination_country_name": "Spain"}     ];
//other elements removed for clarity
var keep = ["Everywhere Else", "Ireland", "United Kingdom", "United States"];
var top = [];

for (var i = 0; i < keep.length; i++) {
    var index = function () {
        for (var j = 0; j < data.length; j++){    
            if (data[j].destination_country_name == keep[i])
                return data[j];    
        }
    }
    if (index > -1){        
        top.push(data[index]);    
        data.splice(index, 1);    
    }
}

data.sort(function (a, b) {    
    if (a.destination_country_name > b.destination_country_name)
        return 1;        
    if (a.destination_country_name < b.destination_country_name)
        return -1;        
    return 0;   
})

var sorted = top.concat(data), 
    extra = sorted.shift();    
    sorted.push(extra);        
console.log(sorted);

Alternatively, if you know those initial four places will always exist in the same order:

var data = [
    {"destination_country_name": "Everywhere Else"},
    {"destination_country_name": "United Kingdom"},
    {"destination_country_name": "United States"},
    {"destination_country_name": "Ireland"},
    {"destination_country_name": "France"},
    {"destination_country_name": "Spain"}     ];

var top = data.slice(0,4);
data.sort(function (a, b) {
    if (a.destination_country_name > b.destination_country_name)
        return 1;
    if (a.destination_country_name < b.destination_country_name)
        return -1;
    return 0;
})

var sorted = top.concat(data),
        extra = sorted.shift();
        sorted = sorted.push(extra);

This method is more efficient and simpler as it eliminates the need to locate specific elements within the array.

Answer 5

Answer №3

If you want to organize objects in an array, you can assign a 'sort-order' property to each object. Specify the first three objects and the last one with known values, then give all other objects a value that is greater than the first three but less than the last one. Next, sort the array based on the sort-order and then alphabetically.

var arr= [{ "destination_country_id": null, "primary_cost": "9.50", "region_id": null, "destination_country_name": "Everywhere Else", },{ "destination_country_id": 105, "primary_cost": "8.00", "region_id": null, "destination_country_name": "United Kingdom", },{ "destination_country_id": 209, "primary_cost": "9.50", "region_id": null, "destination_country_name": "United States", },{ "destination_country_id": 123, "primary_cost": "5.00", "region_id": null, "destination_country_name": "Ireland", },{ "destination_country_id": 185, "primary_cost": "5.00", "region_id": null, "destination_country_name": "France", },{ "destination_country_id": 145, "primary_cost": "5.00", "region_id": null, "destination_country_name": "Spain", }]

var s= "destination_country_name",
order= ["Ireland", "United Kingdom", 
"United States", "Everywhere Else"];

arr.forEach(function(itm){
    var i= order.indexOf(itm[s]);
    if(i!= -1) itm.sort_order= i== 3? 1e50: i;
    else itm.sort_order= 10;
});

arr.sort(function(a, b){
    var d= a.sort_order- b.sort_order;
    if(d===0){
        if(a[s]=== b[s]) return 0;
        return a[s]>b[s]? 1: -1;
    }
    return d;
});
JSON.stringify(arr)
/*  returned value: (String)[{
        "destination_country_id": 123, "primary_cost": "5.00", "region_id": null, 
        "destination_country_name": "Ireland", "sort_order": 0
    },{
        "destination_country_id": 105, "primary_cost": "8.00", "region_id": null, 
        "destination_country_name": "United Kingdom", "sort_order": 1
    },{
        "destination_country_id": 209, "primary_cost": "9.50", "region_id": null, 
        "destination_country_name": "United States", "sort_order": 2
    },{
        "destination_country_id": 185, "primary_cost": "5.00", "region_id": null, 
        "destination_country_name": "France", "sort_order": 10
    },{
        "destination_country_id": 145, "primary_cost": "5.00", "region_id": null, 
        "destination_country_name": "Spain", "sort_order": 10
    },{
        "destination_country_id": null, "primary_cost": "9.50", "region_id": null, 
        "destination_country_name": "Everywhere Else", "sort_order": 1e+50
    }
]
*/

Answer 6

If you want to organize objects in an array, you can assign a 'sort-order' property to each object. Specify the first three objects and the last one with known values, then give all other objects a value that is greater than the first three but less than the last one. Next, sort the array based on the sort-order and then alphabetically.

var arr= [{ "destination_country_id": null, "primary_cost": "9.50", "region_id": null, "destination_country_name": "Everywhere Else", },{ "destination_country_id": 105, "primary_cost": "8.00", "region_id": null, "destination_country_name": "United Kingdom", },{ "destination_country_id": 209, "primary_cost": "9.50", "region_id": null, "destination_country_name": "United States", },{ "destination_country_id": 123, "primary_cost": "5.00", "region_id": null, "destination_country_name": "Ireland", },{ "destination_country_id": 185, "primary_cost": "5.00", "region_id": null, "destination_country_name": "France", },{ "destination_country_id": 145, "primary_cost": "5.00", "region_id": null, "destination_country_name": "Spain", }]

var s= "destination_country_name",
order= ["Ireland", "United Kingdom", 
"United States", "Everywhere Else"];

arr.forEach(function(itm){
    var i= order.indexOf(itm[s]);
    if(i!= -1) itm.sort_order= i== 3? 1e50: i;
    else itm.sort_order= 10;
});

arr.sort(function(a, b){
    var d= a.sort_order- b.sort_order;
    if(d===0){
        if(a[s]=== b[s]) return 0;
        return a[s]>b[s]? 1: -1;
    }
    return d;
});
JSON.stringify(arr)
/*  returned value: (String)[{
        "destination_country_id": 123, "primary_cost": "5.00", "region_id": null, 
        "destination_country_name": "Ireland", "sort_order": 0
    },{
        "destination_country_id": 105, "primary_cost": "8.00", "region_id": null, 
        "destination_country_name": "United Kingdom", "sort_order": 1
    },{
        "destination_country_id": 209, "primary_cost": "9.50", "region_id": null, 
        "destination_country_name": "United States", "sort_order": 2
    },{
        "destination_country_id": 185, "primary_cost": "5.00", "region_id": null, 
        "destination_country_name": "France", "sort_order": 10
    },{
        "destination_country_id": 145, "primary_cost": "5.00", "region_id": null, 
        "destination_country_name": "Spain", "sort_order": 10
    },{
        "destination_country_id": null, "primary_cost": "9.50", "region_id": null, 
        "destination_country_name": "Everywhere Else", "sort_order": 1e+50
    }
]
*/

Answer 7

Answer №4

To organize the items in your given array named list, you have the flexibility to customize the sorting process by making use of this particular function call:

list.sort(function (elementA, elementB) {
    if (elementA.destination_country_name < elementB.destination_country_name) {
        return -1;
    }
    return 1;
});

Answer 8

To organize the items in your given array named list, you have the flexibility to customize the sorting process by making use of this particular function call:

list.sort(function (elementA, elementB) {
    if (elementA.destination_country_name < elementB.destination_country_name) {
        return -1;
    }
    return 1;
});

Answer 9

Answer №5

If you want to sort an array using underscore's sortBy method:

var arr = [{name:'first3'},{name:'first2'},{name:'first1'},{name:'z'},{name:'m'},{name:'c'},{name:'end3'},{name:'end2'},{name:'end1'}]
arr = _.sortBy(arr, function (item,index){
    if (index <= 2) return String.fromCharCode(0);
    if(index >= arr.length - 3) return String.fromCharCode(255);
    return item.name;
})

console.log(JSON.stringify(arr))

[{"name":"first3"},{"name":"first2"},{"name":"first1"},{"name":"c"},{"name":"m"},{"name":"z"},{"name":"end3"},{"name":"end2"},{"name":"end1"}]

Check out this fiddle for more!

Answer 10

If you want to sort an array using underscore's sortBy method:

var arr = [{name:'first3'},{name:'first2'},{name:'first1'},{name:'z'},{name:'m'},{name:'c'},{name:'end3'},{name:'end2'},{name:'end1'}]
arr = _.sortBy(arr, function (item,index){
    if (index <= 2) return String.fromCharCode(0);
    if(index >= arr.length - 3) return String.fromCharCode(255);
    return item.name;
})

console.log(JSON.stringify(arr))

[{"name":"first3"},{"name":"first2"},{"name":"first1"},{"name":"c"},{"name":"m"},{"name":"z"},{"name":"end3"},{"name":"end2"},{"name":"end1"}]

Check out this fiddle for more!

Arrange objects in an array in a custom order

Answer №1

Answer №2

Check out this fiddle

Answer №3

Answer №4

Answer №5

Similar questions

Validating Email Addresses and Passwords Using JavaScript

Utilizing dynamic values for filtering within two nested Ng-repeat directives in AngularJS

The client side encountered an issue when attempting to transfer file data to a nodejs server

How can curly braces be utilized in an array reduce method?

What is the best way to assign a value to a class variable within a method by referencing the 'this' keyword?

Using PHP to encode JSON and submit it via POST request

I wonder, what is Mongoose's isModified function actually verifying?

Is there a way to assign focus to an ASP.Net TextBox control using Javascript or code behind?

Paginating content without the need for a database

How to make a dynamic array of objects in C++?

Ensure that you wait for all asynchronous $http requests to finish in AngularJS before continuing

Using Threejs with dropdown menus: Showcasing the chosen model exclusively

How can I pass the dynamically generated ID from PHP to AJAX/jQuery using an anchor tag?

Angular updating the parent model from within the transclude scope

Steps for adjusting the status of an interface key to required or optional in a dynamic manner

Having trouble connecting v-model to vue-date-picker

List of duplicated BLE devices detected in network scanning

Challenges with declarations and operators

jQuery Form Plugin - fails to trigger error callback for Internal Server errors (500)

Comparing jQuery and JavaScript: Which One is Right