How can I sort the Array map() function output in Javascript

Question

I want to sort items after using map() function. But the sorting must be based on a specific item's property. Then how I can customize the index before I pass it to "key"?

Here the response from the API

[
  {
    "typeId": 2,
    "count": 410
  },
  {
    "typeId": 3,
    "count": 2
  },
  {
    "typeId": 4,
    "count": 19
  },
  {
    "typeId": 5,
    "count": 21
  },
  {
    "typeId": 6,
    "count": 1
  },
  {
    "typeId": 7,
    "count": 80
  }
   ...
]

Data exploitation

 <div className="top-error-ctn">
  <span className="heading">Top Errors</span>
  <p>
    Sorted By Type
  </p>
  <div className="row">
     {Sometest ? (
       all.slice(0, 6).map((all, index) => {
          return <ErrorBar key={index} all={all} />;
       })
     ) : (
       <span>Nothing to see</span>
     )}
  </div>
</div>

Data Rendering

<div>
  <div className="side">
    <div>{all.typeId}</div>
  </div>
  <div className="middle">
    <div className="bar-container">
      <div className="bar-5"></div>
    </div>
  </div>
  <div className="side right">
    <div>{all.count}</div>
  </div>
</div>

Diamond · Accepted Answer · 2019-10-02 09:28:40Z

2

You can use Array.prototype.sort() function like below.

const items = [
  {
    "typeId": 2,
    "count": 410
  },
  {
    "typeId": 3,
    "count": 2
  },
  {
    "typeId": 4,
    "count": 19
  },
  {
    "typeId": 5,
    "count": 21
  },
  {
    "typeId": 6,
    "count": 1
  },
  {
    "typeId": 7,
    "count": 80
  }
];
console.log('Sort by typeId:', items.sort((a, b) => a.typeId - b.typeId));

console.log('Sort by count:', items.sort((a, b) => a.count - b.count));

answered Oct 2, 2019 at 9:28

Diamond

3,4904 gold badges21 silver badges43 bronze badges

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

Comments

ArBabacar_ · Accepted Answer · 2019-10-02 10:58:59Z

1

You can sort like this

all.sort(function(a, b) {
    return b.count- a.count;
});

edited Oct 2, 2019 at 10:58

ArBabacar_

1591 gold badge3 silver badges12 bronze badges

answered Oct 2, 2019 at 9:25

Eriks

3061 gold badge2 silver badges14 bronze badges

Collectives™ on Stack Overflow

How can I sort the Array map() function output in Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related