export default function App() {
const employees = [
{id: 4, name: 'Dean', country: 'Denmark'},
{id: 3, name: 'Carl', country: 'Canada'},
{id: 2, name: 'Bob', country: 'Belgium'},
{id: 1, name: 'Alice', country: 'Austria'},
{id: 5, name: 'Ethan', country: 'Egypt'},
];
const numAscending = [...employees].sort((a, b) => a.id - b.id);
console.log(numAscending);
const numDescending = [...employees].sort((a, b) => b.id - a.id);
console.log(numDescending);
const strAscending = [...employees].sort((a, b) =>
a.name > b.name ? 1 : -1,
);
console.log(strAscending);
const strDescending = [...employees].sort((a, b) =>
a.name > b.name ? -1 : 1,
);
console.log(strDescending);
return (
<div>
{numAscending.map(employee => {
return (
<div key={employee.id}>
<h2>id: {employee.id}</h2>
<h2>name: {employee.name}</h2>
<h2>country: {employee.country}</h2>
<hr />
</div>
);
})}
</div>
);
}