I am struggling to find a way to custom sort a JavaScript object properly. For example, I have the following object:
var test = {
'yellow': [],
'green': [],
'red': [],
'blue': []
}
And an array with values like:
var arr = ['red', 'green', 'blue', 'yellow'];My goal is to sort the object based on the order specified in the array:
var test = {
'red': [],
'green': [],
'blue': [],
'yellow': []
}
However, my current sorting attempts are not giving me the desired result. The loop and sort method I'm using seems to be sorting alphabetically instead of following the order of the array. I've tried using the keys of the object but it's still not working as expected:
var test = {
'yellow': [],
'green': [],
'red': [],
'blue': []
}
var keys = Object.keys(test);
console.log(keys.sort()); //["blue", "green", "red", "yellow"] which is not the intended order or format
I need some guidance on how to achieve this custom sorting based on a specific order. Additionally, I have a requirement to use Handlebars for templating, and I want to maintain the order when looping through the objects. Is there a proper way to handle this within Handlebars without losing the benefits of the template engine?