JavaScript 使用 .map() 對數組元素進行排序

Question

我為州做了地圖

array.map(item =>
 <div>
   <p>{item.name}</p>
   <p>{item._status}</p>
 </div>

結果：
1.姓名：他，狀態：真實。
2.姓名：她，狀態：假。
3.姓名：他，狀態：假。
4.姓名：她，狀態：真實。
5. 姓名：他們，狀態：假。

我希望那個虛假的狀態是第一位的，

謝謝你的結果是這樣的：
1.姓名：她，身份：假。
2.姓名：他，狀態：假。
3. 姓名：他們，狀態：假。
4.姓名：他，狀態：真實。
5. 姓名：他們，狀態：真實。

Answer 1

所以你可以先使用.sort()然后使用.map() 。

請嘗試以下操作：

{
   array.sort((a, b) => (a._status === b._status) ? 0 : a._status ? 1 : -1).map(item =>
     <div>
       <p>{item.name}</p>
       <p>{item._status}</p>
     </div>
}

我希望這有幫助！

Answer 2

排序（首先按 false _status ）並使用map

array
  .sort(({ _status }) => (!_status ? -1 : 1))
  .map(item => (
    <div>
      <p>{item.name}</p>
      <p>{item._status}</p>
    </div>
  ));

Answer 3

可以幫助您的示例應用程序。

function App() {
  let array = [
    { id: 1, name: "Her", status: false },
    { id: 2, name: "Him", status: true },
    { id: 3, name: "They", status: true },
    { id: 4, name: "She", status: false },
    { id: 5, name: "He", status: true }
  ];
  let sorted = array.sort((a, b) => b.status - a.status);
  return (
    <div className="App">
      {sorted.map(item => (
        <div key={item.id}>
          <div>
            <span>{item.id}</span>
            <span>{item.name}</span>
          </div>
          <hr />
        </div>
      ))}
    </div>
  );
}

工作示例https://1z7rf.csb.app/