/Javascript/React/Npm package for sorting in reactjs

Npm package for sorting in reactjs

var sortBy = require('sort-by'),
    users = [];

users = [{
    id: 7,
    name: 'Foo',
    age: '34',
    email: { primary: 'foo@email.com' }
}, {
    id: 3,
    name: 'Baz',
    age: '67',
    email: { primary: 'baz@email.com' }
}, {
    id: 4,
    name: 'Bar',
    age: '67',
    email: { primary: 'bar@email.com' }
}];

users.sort(sortBy('name', 'age'));

/**
*   result:
*       [{id: 4, name: 'Bar', age: '67', email: { primary: 'bar@email.com' }},
*       {id: 3, name: 'Baz', age: '67', email: { primary: 'baz@email.com' }},
*       {id: 7, name: 'Foo', age: '34', email: { primary: 'foo@email.com' }}]
*/

/**
* Use `-` to reverse the sort order
*/

users.sort(sortBy('-id', 'name'));

/*
*   result:
*       [{id: 7, name: 'Foo', age: '34', email: { primary: 'foo@email.com' }},
*       {id: 4, name: 'Bar', age: '67', email: { primary: 'bar@email.com' }},
*       {id: 3, name: 'Baz', age: '67', email: { primary: 'baz@email.com' }}]
*/

/**
* Use `.` notation to traverse nested properties. See [object-path](https://www.npmjs.org/package/object-path) npm module for support.
*/

users.sort(sortBy('age', 'email.primary'));

/*
*   result:
*       [{id: 7, name: 'Foo', age: '34', email: { primary: 'foo@email.com' }},
*       {id: 4, name: 'Bar', age: '67', email: { primary: 'bar@email.com' }},
*       {id: 3, name: 'Baz', age: '67', email: { primary: 'baz@email.com' }}]
*/

Source: npmjs.com

Similar codes

0 vote381 views1 answer
Botão delete no reactjs com class component
Javascript React
0 vote353 views1 answer
Add React Router to React Redux CRUD App
Javascript React
0 vote337 views1 answer
Ts(2749) react testing library
Javascript React
0 vote383 views1 answer
Network display react native
Javascript React
4 votes357 views3 answers
Get params in react router dom v6
Javascript React
0 vote363 views1 answer
React Redux reducer crud
Javascript React
6 votes359 views2 answers
Google sign up react npm
Javascript React
0 vote346 views1 answer
Use es6 arrow function in react
Javascript React
0 vote355 views1 answer
String contains in react
Javascript React
0 vote383 views1 answer
Can i use hooks with expo in react native
Javascript React