請問怎麼用JS實現 Select的按時間、價格排序呢？

javascript #select #sort #排序功能

hihi 2021-11-12 18:19:00 ‧ 1143 瀏覽

分享至

前輩們好　目前自學寫程式中

想用JS 寫出一個類似電商商品頁面都會有的用時間新舊或者價格高低排序的功能

無奈找了很久都沒有類似的文章或影片(八成是關鍵字差太遠)

在這裡懇求各位前輩若暫時不考慮後端部分

單純前台部分用JS實現這個功能的話有沒有可以參考的文章或影片呢

或者關鍵字要怎麼搜比較好都好十分感恩！

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

Mao

iT邦研究生 5 級 ‧ 2021-11-12 18:32:09

最佳解答

使用 JavaScript 的 sort 語法

/* sort 語法會對陣列中的數字進行比大小後決定排序 */
const productArr = [
    {
        name: '產品 A',
        price: 100
    },
    {
        name: '產品 B',
        price: 80
    },
    {
        name: '產品 C',
        price: 120
    },
]

productArr.sort(function(a, b) {
  return a.price - b.price;   // 升序
});

console.log(productArr);   // productArr 呈現升序排列

productArr.sort(function(a, b) {
  return b.price - a.price;   // 降序
});

console.log(productArr);   // productArr 呈現降序排列

Google 關鍵字： sort js 排序