Array objects are sorted by date

Sort by object array in date format

  • Requirements: The interface returns data and requires the date format to be sorted
  • Insert picture description here
  • demo implementation
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      var timeArr = [
        {
     
     
          time: "2020-10-10",
          title: "文章标题10",
        },
        {
     
     
          time: "2020-10-11",
          title: "文章标题11",
        },
        {
     
     
          time: "2020-10-12",
          title: "文章标题12",
        },
        {
     
     
          time: "2020-10-13",
          title: "文章标题13",
        },
        {
     
     
          time: "2020-10-08",
          title: "文章标题08",
        },
      ];
      // 此方法完全是原生写法
      console.log(111, timeArr);
      var arrLength = timeArr.length;
      for (var i = 0; i < arrLength - 1; i++) {
     
     
        for (var j = 0; j < arrLength - 1 - i; j++) {
     
     
        //注:  new Date对事件格式的处理IE要将时间格式为2020/10/10
          if (
            new Date(timeArr[j].time).getTime().replace(/-/g,'/') >
            new Date(timeArr[j + 1].time).getTime().replace(/-/g,'/')
          ) {
     
     
            var temp = timeArr[j];
            timeArr[j] = timeArr[j + 1];
            timeArr[j + 1] = temp;
          }
        }
      }
      console.log(222, timeArr);
      // 方法2
          function dateDate(property, bol) {
     
     
        return function (a, b) {
     
     
          var value1 = a[property];
          var value2 = b[property];
          if (bol) {
     
     
            return Date.parse(value1) - Date.parse(value2);
          } else {
     
     
            return Date.parse(value2) - Date.parse(value1);
          }
        };
      }
      console.log(222, timeArr.sort(dateDate("time", true)));
    </script>
  </body>
</html>

Guess you like

Origin blog.csdn.net/weixin_45176415/article/details/109580376