Как сортировать массив от текущей даты?

Question

[arseniy88]

Есть массив с датами.

const arr = [
	{
		id: 1,
		dateFilters: "01.01.2021",
	},
	{
		id: 2,
		dateFilters: "05.05.2021",
	},
	{
		id: 3,
		dateFilters: "03.03.2020",
	},
	{
		id: 4,
		dateFilters: "12.12.2020",
	},
	{
		id: 5,
		dateFilters: "24.11.2020",
	},
];

Нужно отсортировать от текущей - 21.11.2020.

Пользовался sort().

Comments

[Роман]

может быть вы хотели сказать "отфильтровать массив"?

[arseniy88]

Роман, фильтрация это удаление каких то частей, а сортировка просто упорядочить.

[Роман]

arseniy88, тогда как вы себе представляете сортировку части массива? и для чего вообще такое нужно?

[Павел Корнилов]

Нужно отсортировать от текущей - 21.11.2020.

Тоже не понял фразу.

[Роман]

Павел Корнилов, ну наверно все что до даты - не сортировать, а все что включая дату и после нее сортировать. Но на мой взгляд это бред, хоть и выполнимый.

[Павел Корнилов]

Роман, даже не могу представить назначения подобного алгоритма. Отфильтровать выше/ниже -- это понятно, отсортировать по возрастанию/убыванию какого-то свойства тоже понятно. Но тут не понимаю....

[Роман]

Павел Корнилов, ТС наверно думает что делая так, он сможет сэкономить на числе итераций по массиву (ошибочно думает конечно)
Но варианты решения я в ответе кинул

[Роман]

arseniy88, вы там уснули что ли? Можете внятно ответить, что за задача в которой вам потребовалось произвести сортировку части массива?

[arseniy88]

Роман, Нужно отсортировать от текущей ДАТЫ - 21.11.2020. Что бы человек заходил и ему показывалось самое свежее.

[Роман]

arseniy88, а я что сделал по вашему?

[Роман]

Отфильтровать:

код

const arr = [
   { id: 1, dateFilters: "01.01.2021", },
   { id: 2, dateFilters: "05.05.2021", },
   { id: 3, dateFilters: "03.03.2020", },
   { id: 4, dateFilters: "12.12.2020", },
   { id: 5, dateFilters: "24.11.2020", },
];
const now = Date.now();
const today = now-now%(1000*60*60*24);
const list = arr.filter(item=>{
   const timestamp = Date.parse(item.dateFilters.split(/\./).reverse().join("-"));
   if( timestamp>today) return true;
   return false;
});
console.log(list);

вывод в консоль

[
  { "id": 1,  "dateFilters": "01.01.2021" },
  { "id": 2,  "dateFilters": "05.05.2021" },
  { "id": 4,  "dateFilters": "12.12.2020" },
  { "id": 5,  "dateFilters": "24.11.2020" }
]

https://jsfiddle.net/lastuniverse/5gfnqjtz/1/

Отсортировать (вариант 1):

код

const arr = [
   { id: 1, dateFilters: "01.01.2021", },
   { id: 2, dateFilters: "05.05.2021", },
   { id: 3, dateFilters: "03.03.2020", },
   { id: 4, dateFilters: "12.12.2020", },
   { id: 5, dateFilters: "24.11.2020", },
];
const now = Date.now();
const today = now-now%(1000*60*60*24);
const unsorted = []
const sorted = arr.filter(item=>{
   const timestamp = Date.parse(item.dateFilters.split(/\./).reverse().join("-"));
   if( timestamp>today) return true;
   unsorted.push(item);
   return false;
});
sorted.sort((a,b)=>Date.parse(a.dateFilters.split(/\./).reverse().join("-"))-Date.parse(b.dateFilters.split(/\./).reverse().join("-")));
const list = [...unsorted,...sorted];

console.log(list);

вывод в консоль

[
  { "id": 3, "dateFilters": "03.03.2020" },
  { "id": 5, "dateFilters": "24.11.2020" },
  { "id": 4, "dateFilters": "12.12.2020" },
  { "id": 1, "dateFilters": "01.01.2021" },
  { "id": 2, "dateFilters": "05.05.2021" }
]

https://jsfiddle.net/lastuniverse/5gfnqjtz/2/

Отсортировать (вариант 2):

код

const arr = [
   { id: 1, dateFilters: "01.01.2021", },
   { id: 2, dateFilters: "05.05.2021", },
   { id: 3, dateFilters: "03.03.2020", },
   { id: 4, dateFilters: "12.12.2020", },
   { id: 5, dateFilters: "24.11.2020", },
];
const now = Date.now();
const today = now-now%(1000*60*60*24);
const list = [...arr].sort((a,b)=>{
   const aTimestamp = Date.parse(a.dateFilters.split(/\./).reverse().join("-"));
   const bTimestamp = Date.parse(b.dateFilters.split(/\./).reverse().join("-"));
   if(aTimestamp<today && bTimestamp<today) return 0;
   return aTimestamp-bTimestamp;
});
console.log(list);

вывод в консоль

[
  { "id": 3, "dateFilters": "03.03.2020" },
  { "id": 5, "dateFilters": "24.11.2020" },
  { "id": 4, "dateFilters": "12.12.2020" },
  { "id": 1, "dateFilters": "01.01.2021" },
  { "id": 2, "dateFilters": "05.05.2021" }
]

https://jsfiddle.net/lastuniverse/5gfnqjtz/3/

Answer 1

[First Last]

const arr = [
  {
    id: 1,
    dateFilters: "01.01.2021",
  },
  {
    id: 2,
    dateFilters: "05.05.2021",
  },
  {
    id: 3,
    dateFilters: "03.03.2020",
  },
  {
    id: 4,
    dateFilters: "12.12.2020",
  },
  {
    id: 5,
    dateFilters: "24.11.2020",
  },
];

const result = arr
	.map(d => ({...d, dateFilters: new Date(d.dateFilters.split('.').reverse().join('.'))}))
  .sort((a, b) => b.dateFilters - a.dateFilters)

> Нужно отсортировать от текущей - 21.11.2020.
filter перед сортировкой сделать.

Comments

[arseniy88]

Уточните по поводу filter. Нужно отсортировать от текущей ДАТЫ - 21.11.2020.

[First Last]

https://jsfiddle.net/wvjLr972/

[First Last]

> Нужно отсортировать от текущей ДАТЫ - 21.11.2020. Что бы человек заходил и ему показывалось самое свежее.
Можно было бы сразу уточнить цель.

https://jsfiddle.net/n4eh08co/

const arr = [
  {
    id: 1,
    dateFilters: "01.01.2021",
  },
  {
    id: 2,
    dateFilters: "05.05.2021",
  },
  {
    id: 3,
    dateFilters: "03.03.2020",
  },
  {
    id: 4,
    dateFilters: "12.12.2020",
  },
  {
    id: 5,
    dateFilters: "24.11.2020",
  },
];

const now = new Date()
const result = arr
  .map(d => ({...d, dateFilters: new Date(d.dateFilters.split('.').reverse().join('.'))}))
  .filter(({dateFilters}) => dateFilters > now)
  .sort((a, b) => b.dateFilters - a.dateFilters)

console.log(result)