Sort and Reverse an array of Objects using JavaScript

Add Answer

Lucky Lizard answered on May 20, 2020 Popularity 9/10 Helpfulness 1/10

answer Sort and Reverse an array of Objects using JavaScript

related sort array of object js

related javascript sort array with objects

related sort array with objects

related sort array of objects javascript

related js sort array of objects

related sort array of objects javascript

related Sort array of objects using value in JS

related reverse sort array of objects

related Sort array of objects

Sort and Reverse an array of Objects using JavaScript

Comment

Tip Lucky Lizard 1 GREPCC

<!DOCTYPE html>
<html>
<body>
<p>The reverse() method reverses the elements in an array.</p>
<p>By combining sort() and reverse() you can sort an array in descending order.</p>
<button onclick=”sortAndReverseArrayValue()”>Click</button>
<p id=”pId”></p>
<script>
var banksOfIndis = [“CentralBankOfIndia”,”AndhraBank”,”BankOfBaroda”,”CanaraBank”,”AllhabadBank”];
document.getElementById(“pId”).innerHTML = banksOfIndis;
function sortAndReverseArrayValue() {
banksOfIndis.sort();
banksOfIndis.reverse();
document.getElementById(“pId”).innerHTML = banksOfIndis;
}
</script>
</body>
</html>

xxxxxxxxxx

<!DOCTYPE html>

<html>

<body>

<p>The reverse() method reverses the elements in an array.</p>

<p>By combining sort() and reverse() you can sort an array in descending order.</p>

<button onclick=”sortAndReverseArrayValue()”>Click</button>

<p id=”pId”></p>

<script>

var banksOfIndis = [“CentralBankOfIndia”,”AndhraBank”,”BankOfBaroda”,”CanaraBank”,”AllhabadBank”];

document.getElementById(“pId”).innerHTML = banksOfIndis;

function sortAndReverseArrayValue() {

banksOfIndis.sort();

banksOfIndis.reverse();

document.getElementById(“pId”).innerHTML = banksOfIndis;

</script>

</body>

</html>

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: www.enjoysharepoint.com

Tags: javascript reverse using

Link to this answer
Share Copy Link

Contributed on Sep 08 2022

Lucky Lizard

0 Answers Avg Quality 2/10

Closely Related Answers

sort array of object js

Comments(1)

Tip Fancy Finch 1 GREPCC

const books = [
  {id: 1, name: 'The Lord of the Rings'},
  {id: 2, name: 'A Tale of Two Cities'},
  {id: 3, name: 'Don Quixote'},
  {id: 4, name: 'The Hobbit'}
]

books.sort((a,b) => (a.name > b.name) ? 1 : ((b.name > a.name) ? -1 : 0));

xxxxxxxxxx

const books = [

  {id: 1, name: 'The Lord of the Rings'},

  {id: 2, name: 'A Tale of Two Cities'},

  {id: 3, name: 'Don Quixote'},

  {id: 4, name: 'The Hobbit'}

books.sort((a,b) => (a.name > b.name) ? 1 : ((b.name > a.name) ? -1 : 0));

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Apr 08 2021

Fancy Finch

0 Answers Avg Quality 2/10

javascript sort array with objects

Comment

Tip TC5550 1 GREPCC

var array = [
  {name: "John", age: 34},
  {name: "Peter", age: 54},
  {name: "Jake", age: 25}
];

array.sort(function(a, b) {
  return a.age - b.age;
}); // Sort youngest first

xxxxxxxxxx

var array = [

  {name: "John", age: 34},

  {name: "Peter", age: 54},

  {name: "Jake", age: 25}

];

array.sort(function(a, b) {

  return a.age - b.age;

}); // Sort youngest first

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 20 2020

TC5550

0 Answers Avg Quality 2/10

sort array with objects

Comment

Tip Inquisitive Iguana 1 GREPCC

const list = [
  { color: 'white', size: 'XXL' },
  { color: 'red', size: 'XL' },
  { color: 'black', size: 'M' }
]

var sortedArray = list.sort((a, b) => (a.color > b.color) ? 1 : -1)

// Result:
//sortedArray:
//{ color: 'black', size: 'M' }
//{ color: 'red', size: 'XL' }
//{ color: 'white', size: 'XXL' }

xxxxxxxxxx

const list = [

  { color: 'white', size: 'XXL' },

  { color: 'red', size: 'XL' },

  { color: 'black', size: 'M' }

var sortedArray = list.sort((a, b) => (a.color > b.color) ? 1 : -1)

// Result:

//sortedArray:

//{ color: 'black', size: 'M' }

//{ color: 'red', size: 'XL' }

//{ color: 'white', size: 'XXL' }

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: www.codegrepper.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 06 2021

Inquisitive Iguana

0 Answers Avg Quality 2/10

sort array of objects javascript

Comment

Tip Jittery Jaguar 1 GREPCC

list.sort((a, b) => (a.color > b.color) ? 1 : -1)

xxxxxxxxxx

list.sort((a, b) => (a.color > b.color) ? 1 : -1)

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: flaviocopes.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 23 2020

Jittery Jaguar

0 Answers Avg Quality 2/10

js sort array of objects

Comment

Tip Sleepy Swan 1 GREPCC

const drinks1 = [
	{name: 'lemonade', price: 90}, 
	{name: 'lime', price: 432}, 
	{name: 'peach', price: 23}
];

function sortDrinkByPrice(drinks) {
	return drinks.sort((a, b) => a.price - b.price);
}

xxxxxxxxxx

const drinks1 = [

    {name: 'lemonade', price: 90},

    {name: 'lime', price: 432},

    {name: 'peach', price: 23}

];

function sortDrinkByPrice(drinks) {

    return drinks.sort((a, b) => a.price - b.price);

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Feb 19 2021

Sleepy Swan

0 Answers Avg Quality 2/10

sort array of objects javascript

Comment

Tip Uptight Unicorn 1 GREPCC

//sort array of objects javascript

var array = [
  {name: "John", age: 34},
  {name: "Peter", age: 54},
  {name: "Jake", age: 25}
];

array.sort(function(a, b) {
  return a.age - b.age;
}); // Sort youngest first

xxxxxxxxxx

//sort array of objects javascript

var array = [

  {name: "John", age: 34},

  {name: "Peter", age: 54},

  {name: "Jake", age: 25}

];

array.sort(function(a, b) {

  return a.age - b.age;

}); // Sort youngest first

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 11 2022

Uptight Unicorn

0 Answers Avg Quality 2/10

sort array of objects javascript

Comment

Tip Ntiyiso-Rikhotso 1 GREPCC

const books = [
  {id: 1, name: 'The Lord of the Rings'},
  {id: 2, name: 'A Tale of Two Cities'},
  {id: 3, name: 'Don Quixote'},
  {id: 4, name: 'The Hobbit'}
]

books.sort((a, b) => a.name.localeCompare(b.name))

xxxxxxxxxx

const books = [

  {id: 1, name: 'The Lord of the Rings'},

  {id: 2, name: 'A Tale of Two Cities'},

  {id: 3, name: 'Don Quixote'},

  {id: 4, name: 'The Hobbit'}

books.sort((a, b) => a.name.localeCompare(b.name))

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 16 2021

Ntiyiso-Rikhotso

0 Answers Avg Quality 2/10

Sort array of objects using value in JS

Comment

Tip Mukolwe Michael 1 GREPCC

example 

data = [
    { value: 67978, distance: 0 },
    { value: 67977, distance: 0.6517906006983535 }
];

data.sort((a, b) => b.distance - a.distance);

xxxxxxxxxx

example

data = [

    { value: 67978, distance: 0 },

    { value: 67977, distance: 0.6517906006983535 }

];

data.sort((a, b) => b.distance - a.distance);

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: chat.openai.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Aug 23 2023

Mukolwe Michael

0 Answers Avg Quality 2/10

reverse sort array of objects

Comment

Tip Ameer Jamal 1 GREPCC

const books = [
  {id: 1, name: 'The Lord of the Rings'},
  {id: 2, name: 'A Tale of Two Cities'},
  {id: 3, name: 'Don Quixote'},
  {id: 4, name: 'The Hobbit'}
]
// the 1 and -1 can be switched for standard sort
books.sort((a,b) => (a.id > b.id) ? -1 : ((b.id > a.id) ? 1 : 0));
// Code idea from fancyfinch

xxxxxxxxxx

const books = [

  {id: 1, name: 'The Lord of the Rings'},

  {id: 2, name: 'A Tale of Two Cities'},

  {id: 3, name: 'Don Quixote'},

  {id: 4, name: 'The Hobbit'}

// the 1 and -1 can be switched for standard sort

books.sort((a,b) => (a.id > b.id) ? -1 : ((b.id > a.id) ? 1 : 0));

// Code idea from fancyfinch

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: www.codegrepper.com

Tags: javascript reverse revers

Link to this answer
Share Copy Link

Contributed on Jul 05 2022

Ameer Jamal

0 Answers Avg Quality 2/10

Sort array of objects

Comment

Tip Poised Peacock 1 GREPCC

Sort array of objects by string property value

var objs = [ 
    { first_nom: 'Lazslo', last_nom: 'Jamf'     },
    { first_nom: 'Pig',    last_nom: 'Bodine'   },
    { first_nom: 'Pirate', last_nom: 'Prentice' }
];

function compare( a, b ) {
  if ( a.last_nom < b.last_nom ){
    return -1;
  }
  if ( a.last_nom > b.last_nom ){
    return 1;
  }
  return 0;
}

objs.sort( compare );

xxxxxxxxxx

var objs = [

    { first_nom: 'Lazslo', last_nom: 'Jamf'     },

    { first_nom: 'Pig',    last_nom: 'Bodine'   },

    { first_nom: 'Pirate', last_nom: 'Prentice' }

];

function compare( a, b ) {

  if ( a.last_nom < b.last_nom ){

    return -1;

  if ( a.last_nom > b.last_nom ){

    return 1;

  return 0;

objs.sort( compare );

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Feb 11 2023

Poised Peacock

0 Answers Avg Quality 2/10

Sort and Reverse an array of Objects using JavaScript

Contents

More Related Answers

Sort and Reverse an array of Objects using JavaScript

Closely Related Answers

sort array of object js

javascript sort array with objects

sort array with objects

sort array of objects javascript

js sort array of objects

sort array of objects javascript

sort array of objects javascript

Sort array of objects using value in JS

reverse sort array of objects

Sort array of objects

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.