Js : sort and rearrange array of object

Question

My array object is like below example.

[
 {'email':'[email protected]', 'name':'abc'},
 {'email':'[email protected]', 'name':'bbc'},
 {'email':'[email protected]', 'name':'aaa'},
 {'email':'[email protected]', 'name':'cba'},
 {'email':'[email protected]', 'name':'cab'},
]

So my new array will have key value pare of alphabet A as a key and values are all object that's name start from A alphabet and so on.one more thing is if alphabet A has 2 objects that start from a then I also want to sort then in ascending order as I show in final output example below

final output I want is like this.

[
  "a" : [{'email':'[email protected]', 'name':'aaa'},{'email':'[email protected]', 'name':'abc'}],
  "b" : [{'email':'[email protected]', 'name':'bbc'}],
  "c" : [{'email':'[email protected]', 'name':'cab'},{'email':'[email protected]', 'name':'cba'}]
]

Have you tried anything ?

Gabriele Petrioli
– Gabriele Petrioli

2018-10-09 09:32:23 +00:00
Commented Oct 9, 2018 at 9:32 — Gabriele Petrioli
– Gabriele Petrioli, Commented Oct 9, 2018 at 9:32
Your expected output format is not valid

Shubham Khatri
– Shubham Khatri

2018-10-09 09:33:16 +00:00
Commented Oct 9, 2018 at 9:33 — Shubham Khatri
– Shubham Khatri, Commented Oct 9, 2018 at 9:33

Nenad Vracar · Accepted Answer · 2018-10-09 09:48:38Z

2

You could use reduce method to create an object and inside sort method to sort values by name.

const data = [{'email':'[email protected]', 'name':'Abc'},{'email':'[email protected]', 'name':'bbc'},{'email':'[email protected]', 'name':'aaa'},{'email':'[email protected]', 'name':'cba'},{'email':'[email protected]', 'name':'cab'},]

const sorted = data.reduce((r, o) => {
  let key = o.name.slice(0, 1).toLowerCase();
  r[key] = (r[key] || []).concat(o);
  r[key].sort((a, b) => a.name.localeCompare(b.name));
  return r;
}, {})

console.log(sorted)

edited Oct 9, 2018 at 9:48

answered Oct 9, 2018 at 9:38

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

1 Comment

Dhaval Over a year ago

your code is working but one problem is if I have same alphabet in small and capital latter then it's create new key. how to stop that. so if htere is "A" or "a" I want only one key.

Nina Scholz · Accepted Answer · 2018-10-09 09:46:30Z

2

You could sort the array and then group it.

var array = [{ email: '[email protected]', name: 'abc' }, { email: '[email protected]', name: 'bbc' }, { email: '[email protected]', name: 'aaa' }, { email: '[email protected]', name: 'cba' }, { email: '[email protected]', name: 'cab' }],
    grouped = array
        .sort(({ name: a }, { name: b }) => a.localeCompare(b))
        .reduce((r, o) => {
            var group = o.name[0].toLowerCase();
            (r[group] = r[group] || []).push(o);
            return r;
        }, Object.create(null));
        
console.log(grouped);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Oct 9, 2018 at 9:46

answered Oct 9, 2018 at 9:37

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

abdolmajid azad · Accepted Answer · 2018-10-09 09:42:52Z

1

var array = [
 {'email':'[email protected]', 'name':'abc'},
 {'email':'[email protected]', 'name':'bbc'},
 {'email':'[email protected]', 'name':'aaa'},
 {'email':'[email protected]', 'name':'cba'},
 {'email':'[email protected]', 'name':'cab'},
]

function getArray(array=[]){

let newObject = {};
array.forEach(i=>{
  let key = i['name'].slice(0,1)
  if( key && newObject[key] ){
     newObject[key].push(i)
    }else{
    newObject[key] = Array(i)
    }
  }) 
  return newObject

}

console.log(getArray(array))

answered Oct 9, 2018 at 9:42

abdolmajid azad

352 bronze badges

Comments

André Teixeira · Accepted Answer · 2018-10-09 09:40:45Z

0

You can make it using array reduce method:

const list = [
    {'email':'[email protected]', 'name':'abc'},
    {'email':'[email protected]', 'name':'bbc'},
    {'email':'[email protected]', 'name':'aaa'},
    {'email':'[email protected]', 'name':'cba'},
    {'email':'[email protected]', 'name':'cab'},
]

const newList = list.reduce((acc, currVal) => {
    const firstLetter = currVal.name.charAt(0);
    if(!acc[firstLetter]){
        acc[firstLetter] = [];
    }
    acc[firstLetter].push(currVal);
    return acc
}, {})

console.log(newList)

answered Oct 9, 2018 at 9:40

André Teixeira

2,6124 gold badges30 silver badges43 bronze badges

Comments

Cata John · Accepted Answer · 2018-10-09 09:52:30Z

0

Loop trough the array, create an object based on it and sort it as is being filled.

const myArr = [
 {'email':'[email protected]', 'name':'abc'},
 {'email':'[email protected]', 'name':'bbc'},
 {'email':'[email protected]', 'name':'aaa'},
 {'email':'[email protected]', 'name':'cba'},
 {'email':'[email protected]', 'name':'cab'}
];

const finalObj = {};
function compare(a,b) {
  if (a.name < b.name)
    return -1;
  if (a.name > b.name)
    return 1;
  return 0;
}

myArr.forEach(item => {
  const alph = item.name.substr(0, 1);
 
  if (finalObj[alph]) {
    finalObj[alph] = [...finalObj[alph], item].sort(compare);
  } else {
    finalObj[alph] = [item];
  }
});

console.log(finalObj);

answered Oct 9, 2018 at 9:52

Cata John

1,40112 silver badges20 bronze badges

Comments

Sagar Kharche · Accepted Answer · 2018-10-09 09:39:30Z

-1

You can use lodash groupBy method to achieve desired result.

var collection =[
 {'email':'[email protected]', 'name':'abc'},
 {'email':'[email protected]', 'name':'bbc'},
 {'email':'[email protected]', 'name':'aaa'},
 {'email':'[email protected]', 'name':'cba'},
 {'email':'[email protected]', 'name':'cab'},
]

console.log(_.groupBy(collection, (item) => {
    return item.name[0]
}))

edited Oct 9, 2018 at 9:39

answered Oct 9, 2018 at 9:33

Sagar Kharche

2,6812 gold badges27 silver badges35 bronze badges

1 Comment

Logar Over a year ago

this should be a comment imho, please provide some concrete piece of code if you want to make it an answer. Also, the question tags don't include lodash so it would be best if the proposed solution was made with vanilla

Collectives™ on Stack Overflow

Js : sort and rearrange array of object

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related