/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

4 votes136 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
1 vote139 views1 answer
React js console log not working
Javascript React
1 vote134 views1 answer
Change color react icon
Javascript React
0 vote138 views1 answer
React type div onClick
Javascript React
0 vote115 views1 answer
React chart chart title
Javascript React
0 vote131 views1 answer
How to disable RectButton from react-native-gesture-handler
Javascript React
0 vote164 views2 answers
How to sent react from data in mongodb
Javascript React
6 votes140 views2 answers
#react native shadow
Javascript React
0 vote143 views1 answer
React-native-redux login example github
Javascript React
0 vote147 views1 answer
Modal react form table
Javascript React