Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>JavaScript Sort an Array of Objects by String Property Values</title> <script> // Defining comparison function function compareNames(a, b) { /* Converting name strings to lowercase to ignore uppercase and lowercase in comparison */ var nameA = a.name.toLowerCase(); var nameB = b.name.toLowerCase(); if(nameA < nameB) { return -1; } if(nameA > nameB) { return 1; } // Names must be equal return 0; } // Sample object array var objArr = [ { name: "Harry", age: 14 }, { name: "Peter", age: 20 }, { name: "Alice", age: 18 } ]; // Perform sorting objArr.sort(compareNames); document.write(JSON.stringify(objArr, null, 4)); </script> </head> <body style="font-family: monospace; white-space: pre;"> <!-- Result will be printed here --> </body> </html>