sort array of objects in react js

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'}
]

compareObjects(object1, object2, key) {
  const obj1 = object1[key].toUpperCase()
  const obj2 = object2[key].toUpperCase()

  if (obj1 < obj2) {
    return -1
  }
  if (obj1 > obj2) {
    return 1
  }
  return 0
}

books.sort((book1, book2) => {
  return compareObjects(book1, book2, 'name')
})

// Result:
// {id: 2, name: 'A Tale of Two Cities'}
// {id: 3, name: 'Don Quixote'}
// {id: 4, name: 'The Hobbit'}
// {id: 1, name: 'The Lord of the Rings'}

0
0
Phoenix Logan 186120 points

                                    this.state.data.sort((a, b) =&gt; a.timeM &gt; b.timeM ? 1:-1).map(
    (item, i) =&gt; &lt;div key={i}&gt; {item.matchID} {item.timeM} {item.description}&lt;/div&gt;
)

0
0
4.14
7
Krish 100200 points

                                    var items = [
  { name: 'Edward', value: 21 },
  { name: 'Sharpe', value: 37 },
  { name: 'And', value: 45 },
  { name: 'The', value: -12 },
  { name: 'Magnetic', value: 13 },
  { name: 'Zeros', value: 37 }
];

// sort by value
items.sort(function (a, b) {
  return a.value - b.value;
});

// sort by name
items.sort(function(a, b) {
  var nameA = a.name.toUpperCase(); // ignore upper and lowercase
  var nameB = b.name.toUpperCase(); // ignore upper and lowercase
  if (nameA &lt; nameB) {
    return -1;
  }
  if (nameA &gt; nameB) {
    return 1;
  }

  // names must be equal
  return 0;
});

4.14 (7 Votes)
0
4.11
9
A-312 69370 points

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

list.sort((a, b) =&gt; (a.color &gt; b.color) ? 1 : -1)

4.11 (9 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
how to sort an object array in react by value sort value of object inside array javascript sort by created by react javascript sort array of objects by sort objects array javascript array sorting in react js react how to sort array .sort in react best way to sort array of objects in javascript implement sorting in react react js sort array by inner object value order an array with objects with a value how to use sorting in react.js how sort works in array of objects sort objects in a list js sort list on reactjs javascript sort via object in array how to sort items react array of objects javascript sort sorting in reactjs sort object in react sort elements in react sort array of object in react s sort array of objects object javascript sort in javascript array of objects react js sort array js sort list of obj how to sort the array of objects in javascript how to sort by value in react js sort objects by id react sort array objects data javascript how to sort objects in js react js sort sortablejs reactjs react js sort list array.sort array of objects react react state sort array of objects sorting funcktion react js sort array of objects in react javascript sort list react react sort array of objects by string order array of objects by id javascript array.sort in javascript object how to sort a object array in reactjs sortable in react js how to sort an array of objects in javscript sort object of objects javascript in react js how to sort a array order array of objects javascript sorting reactjs sort syntax in react sort an array of objects javascript des javascript sort object of array array js .sort react how to sort data in react array.sort objects sorting function react sort by react sort an array in jsx how to sort item in react render array of objects react sort sortable in reactjs how to sort an item in react javascript array object sort sorting arrays of objects sort through an array of objects orderby sort reactjs sort an array within an object sort function in react js based on array element react way to sort sort by in react how to sort the data in react javascript sort object array string node js sort array of objects by value order by objects array sort() react node sort array of objects array sort objects javascript react dont work sortablejs and react es6 sorting array of objects sortable js react how to sort array on the basis of objects in javascript MDN sort array of object react how to sort an array in reactjs sort array of objects javascript by key react sortable react js react js how to sort array of objects with get api array of object no sorting in javascript can i sort object array in node js Sorting data in React js sort method for arrays in react sort an array of object inreact js js order array objects nodejs sort array of obj how to sort id's of array of objects in javascript javascript order by array of objects sort number in object reactjs sort number in array object reactjs sort array react js js sort array of objects string sorting with react components sort data in react js how to use arrays.sort with objects in js how to order array of objects in javascript js sort objects by javascript array of objects sorting es6 sort array of objects by value array sort on element of object js array sort objects javascript react sortable en js sorting an array of object js in sorting through react js How to Sort an Array of Objects in react sorting data in react sort array of objects javascript number sort array of an obejct sort array of objects es6 javascript function to sort array of objects react js sorting javascript sort array of objects by id sorting list of objects in javascript javascript sort list of objects how to sort objects within objects in javascript sort string in array of objects in javascript javascript sorting array of objects string react js sort array a sorting array objects javascript sort react in jsx sort the array of object in javascript react js sort array of objects arrange objects in array javascript javascript sort object in array how to sort an array in react js js sort array react javascript order a list of objects react sort method .sort reactjs order a array of object sorting react sort data react react sort by sort by component react array object sort how to sort array on based object inside array how to use .sort method in react javascript sort example objects array.sort react sort array of objects typeacript sorting object array in javascript can you use radix sort on objects sort array of objects react js array of objects fails to sort with array.sort js react sort list of objects order array of object react sort () array in react sort javascript array objects how to sort an array of object in react js js how to sort array of objects js sort array of objects by value sort results react sort an array of objects in js sort function in react js how to sort an array of objects using javascript ~ JavaScript sort objects sort objects in javascript where to sort data in react how to create a sort in react sort object react sort an array of objects based on a value node sorting an array of objects sort javascript array object how to sortan array using an object Sorting function to sort array with objects in React sort order in react how to sort with react how to sort array react sort object array in react sort function in reactjs sort array of array of objects by number javascript sort array of objects by number javascript sortind array of objects where to put sort function in react sorting in react how to make a sort function in react react sorting methods sort react js sort array of objects by given array of values js es6 array of objects sort sort function react how ot sort with react react sort array of objects by value sort array obj js sort objects method javascript javascript how can i sort an array of objects sort functionality in reactjs reactjs sort functionality reactjs sort function sort array object js sort array of objects javascript. reactjs sort sort in react js function component sort in react js javaecript how order array of objects how to sort in react how to sort object array in javascript js sort array of objects es6 sort object react js how to sort on array of object ajs array of object sorting sort in reactjs react sorting array.sort() on array of objects sort an object array javascript sort by name object array string sorting react component map and sort javascript react react sort by value react sort by number sorting javascript array of objects javascript sort by name property sort array of object using on of the element sort array of objects js by status and pass to first position sort array of objects javascript by value and pass to first position javascript sort objects by field sort by object keys reactjs javascript sort array of objects by key javascript sort array of objects number javascript sort array for object javascript sort arrat after attribute value array of object sorting in javascript react sort list sort react react sort sort array object in typescript sorting an array of object in javascript react sortablejs sort array javascript by key sort object array by property js how to sort an array of state in react sort in arraylist reactjs javascript sort render react order map nodejs array sort by field react sort unordered list from array sort the array and update the render function react sort the array and update the render function react order object keyint desc react order object key desc sort like obnjects together javascript how to sort an array of objects in ts sort the array by id js sort based on attribute sort react array soring an array of objects in javascript How to sort an array of objects by name property how to sort an array by fields in react sort array of objects reactjs react sort state array sort by object key react sort by attribute in reactjs map with sort jsx javascript sort based on property sort array of objects in ascending order in react native how to render an sorted array in react native how to sort an array of objects in ascending order in react native react sort array before render react sort state react object array sort asc and desc js array order by property low to high sort in map react js react rearrange array order array of objects sort by key react sort array state sort object by key javascript javascript sort object literal library how to sort array of objects using id in javascript sort object by array javascript sarranging array of objects comments in javascript order by array object react sort in react sort and array object in js react sort array by number sort array of ojects bby attriubte javascirpt sort array of objects but remove objects that don't have property react library sort div reactjs sort array js sort object that have same property value map and sort by id javascript typescript sort a group of objects by property javascript array sort value in object sorting objects by index javascript javascript sort array of objects if a key name how can i get from array of objects only one string in javascript how can i get from array of objects only one stringin javascript javascript sort object by id js how to sort array of object arraylist sort by key javascript sorting objects in javascript sorting array of objects in javascript depending on partcular value sort by attribute javascript javascript sorting object array sort array object by field js order object by count sort by object ts react js sort array of objects by string javascript order by in request example sorting in react js sort this.state react sort array of objects in react typescript sort array of objects in react js sort list of objects by property javascript ascending and descending order javascript sort array according to values sort by value object javas sort same objects in array of objects javascript use filter to sort array of objects by a value in the field of an object react sort array by id js array order by property js sorrt objects sort an array of objects based on a key how to sort objects in javascript how to sort in an array and return objects that match javascript sort index javascript order array by key value nodejs sort object according to one value javascript sort object by property in javascript object sort in javascript javascript sort array of objects string by 2 properties sorting out js objects node sort array of objects by key javascript sort array of objects by property string sort array react sort array objects with key in js sorting an array of objects in javascript sort_array in js javascript sort by value in object sort by a property js javascript sort objects by property map to sorted array js javascript sort objects javascript sort objects by order object array by property javascript vanilla js sort object on value vanilla js sort object on vale js array sort by object field javascript sort array of objects by string sort state in react sort elements in array javascript typescript sort array of objects by name sort() on an object in js sort array in ascnding order in react how to sort list of object in javascript sort array by value of objects sort object by value javascript sort an array of objects in typescript js array sort by type js make array of objects and sort by string sort array javascript by value how to sort an object based on id in javascript how to sort the array attribute in js es6 sort array of objects sort array of object by value javascript sort array based on object property sort array javascript by element property sort array on model property js object sort by property int array.sort javascript sort objects by array of values sort compare function objects array of objects check if key value is different sort into a new array sort array object javascript by value javascript sort on field js sort array of obj sort object of array javascript react native sort array of objects array of object short by value javascript sort array according to map property array of object sort sorting an array of objecct sort objects in arrray js sort an array object before mapping javascript sort a list of objects according to one of property int values js sort a list of objects according to one of it int sattributes value in js order array of objects by value number javascript order array of objects by value javascript sort array javascript by property sort objects by number javascript javascrpt sort based on field sort array object by key javascript sort array by property javascript javascript sort array by id property sort function javascript es5 object numbers array.prototype.sort javascript array sort by string sort obj in array sort an array of objects by object value javascript sort object array by property value javascript sort object array array sort by name sort an array of objects by value fiunction sort javascript object array sort in javascript Sort(array) javascript js array sort objects by property js sort object of array javascript sort an array of objects by key sort in array of object js using sort to sort an arr of objects array sort by attribute javascript array of objects sort ES6 sort array of objects js javascript order array of objects by attribute react sort array of objects by property array.map sort how to sort objects inside array in javascript how to sort js sort object properties in array javascript sort js object by values sort array in react how to sort object array by id property js sort array of objects by value string sort an array of objects by value javascript sort objects by field js sort nested array of objects javascript arrow function sort array of obvalueects by key javascript array order by sort array by property value javascript sorting array of objects js object array sort by element typescript array sort by property rearrange array on object sort object array number property field decending react sort array array sort react array sorting functions in react node.js sort return new array map to sort list alphabetically javascript react function to sort array writing a sort array in javascript es6 sort array of objects by attribute javascript javascript sort item in object in array javascript array sort lower level objects js sort list of objects sort function es6 sort classes based off property javascript sorting arrey of objects javascript js sort array by element property usort in javascript javascript sort array by function change order of array of object data in es6 sorting of array in react how to sort objects arrays method to sort array objects by property value sort array of objects in ascending order react sort array of object in ascending order react sort objects by name javascript order objects in array javascript angular sort array of object by property name asc desc order of objects by id typescript sort object array by string property mdn sort js sort a array list in react sort object array by property javascript sort objects js how to compare the value in array and sort javascript array slice sort javascript sort metho javascript sort by js object sorting by position js order by node.js array.sort how to sort an array into array of objects based on object keys sort by name javascript reorder elements of an array ES6 array prototype custom sort function javascript array.sort does not create a new array in javascript sort data object js sort() object react array.sort object + javascript sort array of objects by a valu js sort array of object array order by object property react sort object order by property array javascript sort an object by list javascript sort array of objects react native string match sort array of objects react native sort array of objects based on key javascript how to sort a object in javascript sort map array javascript array sort return js order array by field javascript arrat sort js array order by attribute javascript sort attribute sort array with objects javascript sort ids of object in array sort array of object es6 javascript order array by property order array of objects by value how to use sort function in object which is array js object array sort sort by string field nodejs sort objects javascript + sort array of object sort mapped array javascript javascript sort objects array string javascript order array by property value javascript react sort array by key value sorting array based on object value in js array sort es6 sort array by object value javascript sort array by object value sort based on specific values javascript sort object by value js sort array of objects elements javascript how to sort object into array in javascript sort objects by id jsx sort array js order array of objects sort with new array how to sort object by value javascript nuxt sort array object sort array of objects by property javascript sort objects in javascript array javascript array sort using remote function javascript sort an array of objects javasript array sort .order javascript sort array of objects javascript by key javascript sort on property typescript sort array according to field javascript sort items in array js sort by property js sort method years lived shortest to longest javascript array custom order sorting an array of objects by looking at an objuect property typescript sort array of objects by key js sort array of objects by property js sort by string property sort object array by string property javascript sort array of objects in ecmascript sort an object by value into an array javascript sort objectvalues into an array javascript sort array of objects react js order array of objects by property sort array of dictionaries javascript sort array of objects javascript javascript sort collection by property order an array of objects javascript js object sort by value array object sort javascript custom sort js sort array of objects by property how do I sort objects javascript js sort typescript order array of objects javascript array sort by property sort array in javascript using a specific attribute js sort array map array object in sorted way javascript order array is sort destructive javascript order by updated at react array javascript array sort objects js order array by object field react js how to sort an array of objects on a value js sort array of objects manually sort object in array javascript js .sort sort the array of object with respect to attribute in typescript sort array of object by id function react js sort by object property sort on property javascript sort objects in array by property javascript sort array of objects on property how to sort list of object javascript orderby list js typescript sort array by property javascript sort an array by object key sort array of object in js sort array of objects based on property sort function in react javascript sort array of objects es5 how to order array of objects in typescript javascript array object sort by number for drop down list js array of objects sort by key how to sort javascript array of objects based on property value js sort object by value sort object js sort object array in javascript javascript sort array by value in object slice in sort&gt; js sort array javascript object property typescript sort array of objects sort array of objects based on map sort an array js sort array of objects by propertyaccording to a list sort by property in array of objects sort array number of object initial return a sorted array in js how do i use sort method to retruns sorded array js sort array of objects by key ts sort by type array of objects ts order object by one field sorting for array of objects of strings asc and desc javascript order list by key of array javascript how to sort in a object javascript typescript sort object array sort js sort by value object javascript es6 reorder array order array object javascript node sort a list of objects by a key sorting an array of objects javascript using sort through objects in javascript using sort in javascript with objects sort elements in node js javascript sort array of complex objects library javascript sort librar sort array of objects based on object name js array sort objects sort objects javascript js compareFn react array sort sort js sort array of objects by id javascript js sort array by object property sorted array objective javascript js sort by attr cutom sort in js js sort array by object value javascript sort list of objects by value of property javascript sort an array of objects by string lexical sort javascript node sort array javascript sort object shorting array of object in javascript javascript order by attribute value in object sort objects javascript by value sort values in object javascript using sort method how to sort arry with objects sort of arry of objects sort an object in javascript sorted by name in js javascript sort array of objects by key value ascending and descending order how to sort array object in javascript how to sort an array of object javascript sorting string to object javascript javascript sort descending element in object array javascript sort element in object array js array orderby dropdown js array orderby javascript sort array of objects string object sorting in javascript javascript sort by a property object array sort javascript typescript sort array of objects by property typescript array sort how to sort a list based on number in node js array sort by object value js order array by property value order an array of elements sort js array of objects javascript map sort array of objects sort array object javascript sort an array accoring to a parameter js javascript sort by property array.sort sort javascript array by value js sort array by value in object javascript sort array js sort an object by value array of objects sort in javascript sort javascript object based on value nodejs sort array of objects array sort return new array javascript sort data with same value mdn sort array of objects array sort javascript array sort in react js sort array of object sort array javascript object reactjs map array of objects in descending order sort js mdn sort.js sort object in javascript by value javascript array of objects sort by property sort mdn sorting array of objects in javascript by using select option how to sort an array of objects thru created by hot to sort and array of objects by created by js use object property to sort table js sort function object array sort array of objects function with localecompare() javascript object array sort by name sort array of objects function with localecompare sort array function with localecompare mdn array sort array sort array of objects sorting in javascript sort method array javascript mdn sort javascript order of things sort array but property how can I sort an array of objects into an array how to sort an array of object how to sort an object how to sort an array of objects by a property value in javascript how to sort an array object in javascript how to sort a list of objects in javascript javascript array method sort sort array of object js react native sort api call sort in javascript mdn array specific sort filter method in js arrays sort object sorting in js sort an array of dictionaries elements javascript sort array of objects by key javascript how to sort data with array of objects sort object of an array javascript javascript sort array with objects sort an array of objects js js sort obj array sort an array of objects sort array of objects in javascript how to sort an object array in javascript order array by object property javascript sort array of objects array of objects sort by value javascript array of object sort sort array pof objects js sort arry of objects can you sort a javascript object sort object array javascript sort array of objects javascript by value sort an array of objects in javascript javascript order array of objects js sort object by values sort object javascript by value how to create dynamic function for sorting object array in javascript javascript object array sort string javascript how to sort array of objects object array sort by variable sorting array of objects in javascript sort object array by value javascript how to sort an array of objects in javascript by key how to use sort object of arrays of objects using its keys in javascript sort by array property js hot to sort by array property js js sort objects how to order an array of objects javascript sort by array property how to sort an array of objects by its index js sort object of arrays javascript array of objects sort javascript most efficient way to sort through an object in js sort js object by value sort array of objects on value javascript javascript sort array by property how to sort elements of an object in js sort an array of objects javascript sort array by keys javascript sort array objects javascript javascript array of objects sort sort object array by property reorder object array javascript sort javascript array of object sort objects in an array javascript sorting an object array in javascript array sort objects object array sorting in javascript sort object by number and then array javascript sort objects in array javascript sort by property object array javascript sort object value highest value javascript sort object by value javascript sort array of object javscript sort array of objects by value javascript sort array of objects by property sort array by property js sort object array javascript dynamic sort function how to sort an array of objects in javascript how to sort array of objects in javascript javascript array.sort object value sort array of objects by value javascript how to sort javascript array of objects sort javascript array of objects sort array of object javascript js sort array of object by key js object array sort by property js sort array of objects javascript sort custom object string javascript sort objects in array by value sort array of objects javascript how to sort array of objects javascript sort array objects by value javascript sort array of objects by value javascript sort array of objects
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source