Sort array with multiple values in Javascript

Question

How do you sort an array like this fullnamearray.push(firstname +" "+ lastname);?I want to sort it by lastname not firstname. The list should be displayed firstname followed by lastname.

code

 fullnamearray.push(firstname +" "+ lastname);
 fullnamearray.sort();
  for(var i = 0; i < fullnamearray.length; i++){
               Name.innerHTML += '<li>' + fullnamearray[i] + '</li>';
               }

Don't build the array like that, then. Maybe namearray.push({first: firstname, last: lastName}). Or push([firstname, lastname]). That way, you can sort it without splitting the string again (which may not even work for people like "Norma Jean Baker") — Thilo
– Thilo, Commented May 12, 2016 at 5:15

georg · Accepted Answer · 2016-05-12 05:14:18Z

1

Concatenate them when you output, not when you store:

fullnamearray.push([lastname, firstname]);
fullnamearray.sort();
for(var i = 0; i < fullnamearray.length; i++){
     Name.innerHTML += '<li>' + fullnamearray[i][1] + " " +  fullnamearray[i][0] + '</li>';
}

answered May 12, 2016 at 5:14

georg

216k57 gold badges324 silver badges401 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Thilo Over a year ago

Does sort work on array-type elements like that without a comparator function?

georg Over a year ago

@Thilo: yes, because the default comparator is x.toString() <> y.toString() and toString is well defined for arrays.

gurvinder372 · Accepted Answer · 2016-05-12 05:20:37Z

?I want to sort it by lastname not firstname. The list should be displayed firstname followed by lastname.

fullnamearray.sort( function(a,b){
  var lastNameA = a.split(" ")[1];
  var lastNameB = b.split(" ")[1];
  return lastNameA.localeCompare( lastNameB );
})

Now you can display the list in the same manner you were doing earlier.

Above method will fail if firstname or lastname has a space character in between, so maybe you can follow what @Thilo has suggested

fullnamearray.push({first: firstname, last: lastName});
fullnamearray.sort( function(a,b){
  var lastNameA = a.lastName;
  var lastNameB = b.lastName;
  return lastNameA.localeCompare( lastNameB );
});

and display list as

for(var i = 0; i < fullnamearray.length; i++){
    Name.innerHTML += '<li>' + fullnamearray[i].firstName + " " + fullnamearray[i].lastName '</li>';
}

Jayesh Chitroda · Accepted Answer · 2016-05-12 05:53:55Z

0

Try this:

fullnamearray.push(firstname +" "+ lastname);
fullnamearray.sort(function (name1, name2) {
    return name1.split(' ')[1] > name1.split(' ')[1];
});

answered May 12, 2016 at 5:53

Jayesh Chitroda

5,03915 silver badges18 bronze badges

Collectives™ on Stack Overflow

Sort array with multiple values in Javascript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related