Jquery / JSを使用して日付に基づいてJSONを並べ替えます

user2428993

よろしくお願いします!

最新の注文商品が最初になるように、いくつかのオブジェクトを並べ替えようとしています。したがって、以下のデータを見ると、新しい注文は(新しいものから古いものへ)product2、product3、そしてproduct1のようになります。

{
    "candyResponse": {
        "product1": {
            "displayName": "Bubble Gum",
            "imageURL": "https://dummyimage.com/200x200/000/ffffff.png&text=prod1?$146$",
            "orderDate": {
                "time": "11/03/2018"
            }
        },
        "product2": {
            "displayName": "Chocolate",
            "imageURL": "https://dummyimage.com/200x200/000/ffffff.png&text=prod2?$146$",
            "orderDate": {
                "time": "03/05/2015"
            }
        },
        "product3": {
            "displayName": "Mints",
            "imageURL": "https://dummyimage.com/200x200/000/ffffff.png&text=prod3?$146$",
            "orderDate": {
                "time": "09/20/2017"
            }
        }
    }
}

JavaScriptオブジェクトの配列の並べ替えからコードを微調整しましたが、成功しませんでした。3つの方法を試しました...

candyResponse.sort(function(a, b) {
   return parseFloat(a.time) - parseFloat(b.time);
});

candyResponse.sort(function(a, b) {
   return parseFloat(a.orderDate) - parseFloat(b.orderDate);
});

candyResponse.sort(function(a, b) {
   return parseFloat(a.orderDate.time) - parseFloat(b.orderDate.time);
});

よろしくお願いします!

特定のパフォーマンス

candyResponseあるオブジェクトではなく、配列-オブジェクトのプロパティ名を確実にスペックごとに、注文されていない、あなたがそうしてもやった所望の挿入順にプロパティを持つ新しいオブジェクトを作成し、依存するものではありません。

代わりに配列を並べ替えます。

const candyResponse = {
  "product1": {
    "displayName": "Bubble Gum",
    "imageURL": "https://dummyimage.com/200x200/000/ffffff.png&text=prod1?$146$",
    "orderDate": {
      "time": "11/03/2018"
    }
  },
  "product2": {
    "displayName": "Chocolate",
    "imageURL": "https://dummyimage.com/200x200/000/ffffff.png&text=prod2?$146$",
    "orderDate": {
      "time": "03/05/2015"
    }
  },
  "product3": {
    "displayName": "Mints",
    "imageURL": "https://dummyimage.com/200x200/000/ffffff.png&text=prod3?$146$",
    "orderDate": {
      "time": "09/20/2017"
    }
  }
};
const getTime = ([_, product]) => {
  return new Date(product.orderDate.time);
};
const sortedCandyArr = Object.entries(candyResponse)
  .sort((a, b) => getTime(b) - getTime(a));
console.log(sortedCandyArr);

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

jqueryを使用して日付範囲でjsonを並べ替える方法は?

分類Dev

時間に基づいてdivを並べ替える(24時間形式)jQueryを使用する

分類Dev

JavaScriptまたはjQueryの他の配列値に基づいて配列を並べ替えます

分類Dev

jQueryは、値に基づいてdiv内のチェックボックスを並べ替えます

分類Dev

jQueryのデータ属性に基づいてdivを並べ替える

分類Dev

子要素の内容に基づいて親要素を並べ替える-javascript / jquery

分類Dev

jQuery / Jsの内部データの1つを基準にして配列を並べ替えます

分類Dev

JqueryとHTMLを使用した日付による並べ替え

分類Dev

JQUERY-IDに基づいてdivを切り替えます

分類Dev

jQuery-データ属性に基づいて並べ替え

分類Dev

オプションは、jqueryを使用して日付に基づいて選択されます

分類Dev

さまざまな長さのデータ属性に基づいて、順序付けられていないリストでliを並べ替える(jqueryなし)

分類Dev

jQuery DataTables:日付を使用した奇妙な並べ替え

分類Dev

jqueryを使用してHTMLテーブルにない要素を並べ替える

分類Dev

jQueryを使用してhtmlテーブルの行を最初の日付列で並べ替える

分類Dev

jQueryを使用してasp.netリストボックスで日付を並べ替える方法

分類Dev

削除後、jQueryを使用して追加された要素番号を並べ替えます

分類Dev

Jqueryを使用して、クリックされたメニュー項目に基づいてクラスを切り替えます

分類Dev

jQuery Ajax Json forEach データを日付順に並べ替える

分類Dev

日付に基づいてCSVファイルを並べ替えます

分類Dev

jqueryを使用して行を並べ替える方法

分類Dev

jqueryを使用して画像を並べ替える方法は?

分類Dev

jqueryを使用してリストを並べ替える方法

分類Dev

JQueryを使用して属性でDIVを並べ替える

分類Dev

jQueryを使用してテーブルを並べ替える方法

分類Dev

jqueryを使用した並べ替えですべてのコンテンツを非表示にする

分類Dev

jqueryを使用して別の日付ピッカーに基づいて1つの日付ピッカーを更新する

分類Dev

jqueryを使用してjsonの値に基づいてキーを取得する方法

分類Dev

JQueryを使用して子要素に基づいてdivを削除します

Related 関連記事

  1. 1

    jqueryを使用して日付範囲でjsonを並べ替える方法は?

  2. 2

    時間に基づいてdivを並べ替える(24時間形式)jQueryを使用する

  3. 3

    JavaScriptまたはjQueryの他の配列値に基づいて配列を並べ替えます

  4. 4

    jQueryは、値に基づいてdiv内のチェックボックスを並べ替えます

  5. 5

    jQueryのデータ属性に基づいてdivを並べ替える

  6. 6

    子要素の内容に基づいて親要素を並べ替える-javascript / jquery

  7. 7

    jQuery / Jsの内部データの1つを基準にして配列を並べ替えます

  8. 8

    JqueryとHTMLを使用した日付による並べ替え

  9. 9

    JQUERY-IDに基づいてdivを切り替えます

  10. 10

    jQuery-データ属性に基づいて並べ替え

  11. 11

    オプションは、jqueryを使用して日付に基づいて選択されます

  12. 12

    さまざまな長さのデータ属性に基づいて、順序付けられていないリストでliを並べ替える(jqueryなし)

  13. 13

    jQuery DataTables:日付を使用した奇妙な並べ替え

  14. 14

    jqueryを使用してHTMLテーブルにない要素を並べ替える

  15. 15

    jQueryを使用してhtmlテーブルの行を最初の日付列で並べ替える

  16. 16

    jQueryを使用してasp.netリストボックスで日付を並べ替える方法

  17. 17

    削除後、jQueryを使用して追加された要素番号を並べ替えます

  18. 18

    Jqueryを使用して、クリックされたメニュー項目に基づいてクラスを切り替えます

  19. 19

    jQuery Ajax Json forEach データを日付順に並べ替える

  20. 20

    日付に基づいてCSVファイルを並べ替えます

  21. 21

    jqueryを使用して行を並べ替える方法

  22. 22

    jqueryを使用して画像を並べ替える方法は?

  23. 23

    jqueryを使用してリストを並べ替える方法

  24. 24

    JQueryを使用して属性でDIVを並べ替える

  25. 25

    jQueryを使用してテーブルを並べ替える方法

  26. 26

    jqueryを使用した並べ替えですべてのコンテンツを非表示にする

  27. 27

    jqueryを使用して別の日付ピッカーに基づいて1つの日付ピッカーを更新する

  28. 28

    jqueryを使用してjsonの値に基づいてキーを取得する方法

  29. 29

    JQueryを使用して子要素に基づいてdivを削除します

ホットタグ

アーカイブ