I need to sort numbers in array [duplicate]

Question

The application has cards, each of which stores a number. I need to sort array by these numbers so that the application is re-rendered and the cards should be rendered from lowest numbers to highest numbers.

Code below:

App.js:

// array of numbers
const [cardsList, setCardsList] = React.useState([]);
// function to generate random numbers
const generateNumber = (maxNumber = 100) => {
let random = Math.random() * maxNumber;
return random;
};

// function to add cards to the card list
const addCard = () => {
  let num = Math.floor(generateNumber());
  setCardsList((prev) => [...prev, num]);
};

// function that need to sort cards
const sortCards = () => {};

CardList.js:

// cards rendering
<div className="cardList">
  {props.cardList.map((number) => {
    return (
      <div className="card" key={number}>
        <div className="card-close">
          <img
            style={{ cursor: "pointer" }}
            width={16}
            height={16}
            src="/img/delete.png"
            alt="closeBtn"
          />
        </div>
        <h1>{number}</h1>
      </div>
    );
  })}
</div>

Antek Pietryga · Accepted Answer · 2023-01-27 11:07:42Z

0

Have you tried .sort method?

in your case will be something like that:

const sortedCards = cardList.sort((a,b) => a.number > b.number)

answered Jan 27, 2023 at 11:07

Antek Pietryga

3561 silver badge8 bronze badges

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

2 Comments

Aram Over a year ago

I tried it, but my react app doesn't re-rendering after that.

Vinayak Vohra Over a year ago

array.sort((a, b)=> a - b ) is the correct way to sort numbers

Ikkhan · Accepted Answer · 2023-01-27 12:02:57Z

0

// Please look into the below link

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

// You can try this with the general sort function.
      const sortCards = () => {
           if( cardsList.length > 0 ){
            return cardsList.sort();
        }
        return -1;
        };

answered Jan 27, 2023 at 12:02

Ikkhan

162 bronze badges

3 Comments

Aram Over a year ago

I tried it, but it doesn't work correctly. I had an array like [15, 34, 4, 144], and .sort method returns me this array: [144, 15, 34, 4], because it's sorting only by first integer, '1' from '15', '3' from '34', '4' from '4', '1' from '144'

Ikkhan Over a year ago

share your code here so I can look into it ..

Ikkhan Over a year ago

and also pls clear me that do u want to sort asc or Desc order .

Collectives™ on Stack Overflow

I need to sort numbers in array [duplicate]

2 Answers 2

2 Comments

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Linked

Related