Sort Javascript array containing objects by key value

Question

I'm trying to sort the next array alphabetically by the data keys:

array = [
{index: 1,
 data: "d"
},
{index: 2,
 data: "c"
},
{index: 3,
 data: "a"
},
{index: 4,
 data: "f"
},
{index: 5,
 data: "e"
},
{index: 6,
 data: "b"
}
];

such that it will become as follows:

array = [
{index: 3,
 data: "a"
},
{index: 6,
 data: "b"
},
{index: 2,
 data: "c"
},
{index: 1,
 data: "d"
},
{index: 5,
 data: "e"
},
{index: 4,
 data: "f"
}
];

Already found and tried something like this:

array.sort(function (a, b) { return a[1] - b[1]; });

but with no success. Is there a simple way to achieve this? Pure js please.

score 1 · Answer 1 · answered Jan 10 '17 at 14:24

You need to access by key not by index

let array = [{index: 1, data: "d"},{index: 2, data: "c"},{index: 3, data: "a"},{index: 4, data: "f"},{index: 5, data: "e"},{index: 6, data: "b"}];

array.sort( (f, s) => f.data.localeCompare(s.data) );

console.log(array);

score 0 · Accepted Answer · answered Jan 10 '17 at 14:24

You could sort by property data with String#localeCompare

var array = [{ index: 1, data: "d" }, { index: 2, data: "c" }, { index: 3, data: "a" }, { index: 4, data: "f" }, { index: 5, data: "e" }, { index: 6, data: "b" }];

array.sort(function (a, b) { return a.data.localeCompare(b.data); });
console.log(array);

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

Sort Javascript array containing objects by key value

2 Answers2