javascript sorting array of objects by string property [duplicate]

Question

I am trying to sort an array of object by a property title. This the code snippet that I am running but it does not sort anything. The array is displayed as it is. P.S I looked at previous similar questions. This one for example here suggests and uses the same method I am using.

The javascript:

function sortLibrary() {
    // var library is defined, use it in your code
    // use console.log(library) to output the sorted library data
    console.log("inside sort");
    library.sort(function(a,b){return a.title - b.title;});
    console.log(library);
} 

// tail starts here
var library = [
    {
        author: 'Bill Gates',
        title: 'The Road Ahead',
        libraryID: 1254
    },
    {
        author: 'Steve Jobs',
        title: 'Walter Isaacson',
        libraryID: 4264
    },
    {
        author: 'Suzanne Collins',
        title: 'Mockingjay: The Final Book of The Hunger Games',
        libraryID: 3245
    }
];

sortLibrary();

The html code:

<html>
<head>
    <meta charset="UTF-8">
</head>

<body>
<h1> Test Page </h1>
<script src="myscript.js"> </script>
</body>

</html>

"Bill Gates" - "Steve Jobs" should be what? Infinity or rather Not a Number ;)? — Jonas Wilms
– Jonas Wilms, Commented Aug 28, 2017 at 18:01

A l w a y s S u n n y · Accepted Answer · 2018-09-21 13:52:49Z

16

Have you tried like this? It is working as expected

library.sort(function(a,b) {return (a.title > b.title) ? 1 : ((b.title > a.title) ? -1 : 0);} );

var library = [
    {
        author: 'Bill Gates',
        title: 'The Road Ahead',
        libraryID: 1254
    },
    {
        author: 'Steve Jobs',
        title: 'Walter Isaacson',
        libraryID: 4264
    },
    {
        author: 'Suzanne Collins',
        title: 'Mockingjay: The Final Book of The Hunger Games',
        libraryID: 3245
    }
];
console.log('before sorting...');
console.log(library);
library.sort(function(a,b) {return (a.title > b.title) ? 1 : ((b.title > a.title) ? -1 : 0);} );

console.log('after sorting...');
console.log(library);

edited Sep 21, 2018 at 13:52

answered Aug 28, 2017 at 18:01

A l w a y s S u n n y

38.8k9 gold badges68 silver badges121 bronze badges

Is there any way to order this non-alphabetically, but based on another pre-set array? For example, order an entire list of names and functions but in the order of a pre-set array of functions ( chef above sous-chef, above chef de parties, ... ).

nclsvh
– nclsvh

03/21/2022 07:46:32
Commented Mar 21, 2022 at 7:46

Add a comment |

spanky · Accepted Answer · 2017-08-28 18:00:23Z

Subtraction is for numeric operations. Use a.title.localeCompare(b.title) instead.

function sortLibrary() {
  console.log("inside sort");
  library.sort(function(a, b) {
    return a.title.localeCompare(b.title);
  });
  console.log(library);
}

var library = [{
    author: 'Bill Gates',
    title: 'The Road Ahead',
    libraryID: 1254
  },
  {
    author: 'Steve Jobs',
    title: 'Walter Isaacson',
    libraryID: 4264
  },
  {
    author: 'Suzanne Collins',
    title: 'Mockingjay: The Final Book of The Hunger Games',
    libraryID: 3245
  }
];

sortLibrary();

big nol · Accepted Answer · 2017-08-28 18:01:35Z

2

Use the < or > operator when comparing strings in your compare function.

see documentation

answered Aug 28, 2017 at 18:01

big nol

411 silver badge2 bronze badges

1

Use the > operator for this instance, this works when replacing the minus operator with >.

jonathan.ihm
– jonathan.ihm

08/28/2017 18:04:44
Commented Aug 28, 2017 at 18:04
1

@jonathan.ihm: The .sort() callback expects a numeric result, not a boolean, so more than just a drop-in replacement would be needed.

spanky
– spanky

08/28/2017 18:11:41
Commented Aug 28, 2017 at 18:11
I ran it in console and confirmed it worked right away. See also stackoverflow.com/questions/51165/…

jonathan.ihm
– jonathan.ihm

08/28/2017 18:14:19
Commented Aug 28, 2017 at 18:14
Nevermind, see stackoverflow.com/questions/34466125/… as well I stand corrected.

jonathan.ihm
– jonathan.ihm

08/28/2017 18:20:22
Commented Aug 28, 2017 at 18:20

Add a comment |

Christian · Accepted Answer · 2017-08-28 18:06:56Z

0

you can try this code from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

library.sort(function(a, b){
var tA = a.title.toUpperCase();
  var tB = b.title.toUpperCase();
  if (tA < tB) {
    return -1;
  }
  if (tA > tB) {
    return 1;
  }
  return 0;
})

answered Aug 28, 2017 at 18:06

Christian

1511 silver badge11 bronze badges

Add a comment |

Nuttertools · Accepted Answer · 2017-08-28 18:04:53Z

-1

Can you try this

FOR DESC

library.sort(function(a,b){return a.title < b.title;});

or FOR ASC

library.sort(function(a,b){return a.title > b.title;});

answered Aug 28, 2017 at 18:04

Nuttertools

1201 silver badge6 bronze badges

Add a comment |

Collectives™ on Stack Overflow

javascript sorting array of objects by string property [duplicate]

5 Answers 5

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Linked

Related