iT邦幫忙

0

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

hihi 2021-11-12 18:19:001136 瀏覽
  • 分享至 

  • xImage

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

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

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

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

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

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

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

3
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 排序

我要發表回答

立即登入回答