通常，當擁有包含資訊的表時，希望能夠按公升序或降序對錶中的資訊進行排序，尤其是在處理數字時。
先決條件
在我們繼續之前，讓我們看看我們將在本教程中使用的內容：
foundation - 用於一般樣式。我們為**樣式使用它，因為我們不希望被本教程中的樣式分散注意力
reactjs - 請注意，我不打算在本教程中解釋react的基礎知識。通過繼續我假設你之前使用它(雖然我們要做的事情並不難?)
資料 - 如上所述，我們將獲得世界十大億萬富翁的名單加上他們的淨資產
資料我們將建立乙個陣列，其中包含億萬富翁名稱及其淨值十億美元的物件：
const tabledata = [
name: 'amancio ortega',
net_worth: 62.7
name: 'bernard arnault',
net_worth: 76
name: 'bill gates',
net_worth: 96.5
name: 'carlos sim helu',
net_worth: 64
name: 'jeff bezos',
net_worth: 131
name: 'larry ellison',
net_worth: 58
name: 'larry page',
net_worth: 50.8
name: 'mark zuckerberg',
net_worth: 62.3
name: 'michael bloomberg',
net_worth: 55.5
name: 'warren buffet',
net_worth: 82.5
該元件將成為將在頁面上生成的主要元件。它只有一些文字+
元件，它傳遞給我們上面宣告的tabledata。
a list of top 10 richest billionaires.
click on the icon next to "net worth" to see the sorting functionality
* data gathered from
href=''
target='_blank'>
theweek.co.uk
now that all of that is out of the way, we can focus on what's important ?:
現在所有這一切都已經完成，我們可以專注於重要的事情?：
表元件它將是乙個類元件，因為我們需要在其中使用狀態，但首先讓我們關注該render方法。我們將遍歷在data，這來自父元件，我們要建立乙個錶行(tr陣列中的每乙個資料)。除此之外，我們還有乙個基本的表結構(table > thead + tbody)。
class table extends react.component = this.props;
return (
data.length > 0 && (
namenet worth$b
接下來，排序......
我們將有3種型別的排序：'default'，'up'(公升序)， 'down'(下降)。這些型別將在乙個按鈕下更改，該按鈕將具有fontawesome圖示，具體取決於當前活動的排序型別。讓我們建立乙個物件，它將為我們提供必要的資訊：
const sorttypes = = this.state;
let nextsort;
if (currentsort === 'down') nextsort = 'up';
else if (currentsort === 'up') nextsort = 'default';
else if (currentsort === 'default') nextsort = 'down';
this.setstate( = this.props;
const = this.state;
return (
data.length > 0 && (
name
net worth$b
請注意，我們沒有更改原始data陣列，但是我們使用...(spread)運算子建立另乙個陣列，然後我們使用物件fn給定sorttypes的陣列來相應地對陣列進行排序。
結論這就是它！現在您知道如何根據列中的值對錶進行排序。恭喜！?
Java Date 日期排序
public static void main string args catch parseexception e 列印時間 system.out.println 排序前 for date d datelist 氣泡排序 date tempdate null for int i datelist....
日期的排序
通過控制台輸入3個日期 yyyy mm dd格式 然後轉換為date物件後存入 集合，然後對該集合排序後輸出所有日期。author xiloer 如下 public class test08 輸出集合中的日期 system.out.println 輸出集合中的日期 for date date lis...
react 使用小結
1 動態獲取object資料，必須給資料乙個初始值，否則無法呼叫，物件裡面的資料，跑出錯誤 2 請求的資料最好在 componentdidmount 中，有動態更新的資料，用state儲存，或者使用 mobx redux 進行資料管理，其他的如 componentdidupdate使用起來非常消耗效...