Сортировка
Часть раздела REST API путешествия по Node.js на Coddy. Урок 16 из 25.
Клиенту нужны сначала самые новые задачи или список от А до Я. Обычно используют соглашение ?sort=field, а для обратного порядка ставят перед ним -:
// GET /api/books?sort=-year
const field = sort.startsWith('-') ? sort.slice(1) : sort; // 'year'
const direction = sort.startsWith('-') ? -1 : 1;
list = list.toSorted((a, b) => (a[field] - b[field]) * direction);Сначала проверьте, что field входит в список разрешённых полей, и для любого другого значения верните ответ 400, поскольку поле, которого нет у книг, не задаёт полезный порядок сортировки. toSorted возвращает отсортированную копию. sort меняет порядок элементов в самом массиве, и если фильтр не создал копию, этот массив является хранилищем: все последующие запросы увидят новый порядок. В этом примере используется вычитание, которое работает только с числами. Чтобы сравнить две строки, используйте a.localeCompare(b): как и вычитание, этот метод возвращает отрицательное число, 0 или положительное число. Даты ISO — это строки, которые сортируются в хронологическом порядке.
Задание
ЛегкоЗамени сортировку только по названию, которую ты написал в разделе «Сортировка текста», на приведённую ниже обработку поля и направления.
Клиентам нужно видеть сначала самые новые задачи или список от A до Z. Пусть список сортируется с помощью ?sort=.
- В
routes/tasks.js, в маршруте списка, считайsortизreq.query. Если параметр не задан, список сохраняет прежний порядок. ?sort=titleсортирует по названию от A до Z.?sort=createdAtсортирует по времени создания, сначала старые задачи. Символ-в начале меняет порядок на обратный:?sort=-titleсортирует от Z до A, а?sort=-createdAtпоказывает сначала самые новые задачи.- Оба поля содержат текст.
createdAt— это дата в формате ISO, например"2026-03-03T10:30:00.000Z", которая корректно сортируется как текст. Поэтому сравнивай с помощьюlocaleCompare, а не вычитания. - Для любого другого поля, например
?sort=color, возвращается статус 400:{ "error": { "code": "invalid_query", "message": "sort must be title or createdAt, with - in front to reverse" } } - Выполняй сортировку после фильтрации, чтобы
?done=false&sort=-titleвозвращал незавершённые задачи в порядке от Z до A. - Сортируй копию с помощью
toSorted.sortменяет порядок элементов в самом сохранённом массиве, и все последующие запросы будут получать новый порядок.
Проверь: GET /api/tasks?sort=title возвращает задачи 2, 3, 1 ("Book...", "Send...", "Write..."). GET /api/tasks?sort=-createdAt возвращает 3, 2, 1. Затем обычный GET /api/tasks снова возвращает 1, 2, 3. GET /api/tasks?sort=color возвращает статус 400 с кодом invalid_query.
Попробуйте сами
import { Router } from 'express';
import { z } from 'zod';
import { sendError, sendInvalid } from '../errors.js';
import { nextId, tasks } from '../store.js';
const router = Router();
// Задача целиком, в том виде, в каком её передаёт PUT. .strict() отклоняет поля, которые в нём не перечислены.
const Task = z
.object({
title: z.string().trim().min(1).max(100),
done: z.boolean(),
})
.strict();
const NewTask = Task.partial({ done: true });
const TaskChanges = Task.partial();
// True, если у другой задачи уже есть такое название, независимо от регистра.
const titleTaken = (title, exceptId) =>
tasks.some((t) => t.id !== exceptId && t.title.toLowerCase() === title.toLowerCase());
router.get('/', (req, res) => {
const { done, q } = req.query;
let list = tasks;
if (done !== undefined) {
if (done !== 'true' && done !== 'false') {
return sendError(res, 400, 'invalid_query', 'done must be true or false');
}
list = list.filter((t) => t.done === (done === 'true'));
}
if (q !== undefined) {
const words = String(q).toLowerCase();
list = list.filter((t) => t.title.toLowerCase().includes(words));
}
if (req.query.sort === 'title') {
list = list.toSorted((a, b) => a.title.localeCompare(b.title));
}
res.json(list);
});
router.get('/:id', (req, res) => {
const task = tasks.find((t) => t.id === Number(req.params.id));
if (!task) {
return sendError(res, 404, 'not_found', 'Task not found');
}
res.json(task);
});
router.post('/', (req, res) => {
const result = NewTask.safeParse(req.body);
if (!result.success) {
return sendInvalid(res, result.error);
}
const { title, done = false } = result.data;
if (titleTaken(title)) {
return sendError(res, 409, 'conflict', 'A task with this title already exists');
}
const task = { id: nextId(), title, done, createdAt: new Date().toISOString() };
tasks.push(task);
res.status(201).location(`/api/tasks/${task.id}`).json(task);
});
router.patch('/:id', (req, res) => {
const task = tasks.find((t) => t.id === Number(req.params.id));
if (!task) {
return sendError(res, 404, 'not_found', 'Task not found');
}
const result = TaskChanges.safeParse(req.body);
if (!result.success) {
return sendInvalid(res, result.error);
}
if (result.data.title !== undefined && titleTaken(result.data.title, task.id)) {
return sendError(res, 409, 'conflict', 'A task with this title already exists');
}
Object.assign(task, result.data);
res.json(task);
});
router.put('/:id', (req, res) => {
const index = tasks.findIndex((t) => t.id === Number(req.params.id));
if (index === -1) {
return sendError(res, 404, 'not_found', 'Task not found');
}
const result = Task.safeParse(req.body);
if (!result.success) {
return sendInvalid(res, result.error);
}
const { id, createdAt } = tasks[index];
if (titleTaken(result.data.title, id)) {
return sendError(res, 409, 'conflict', 'A task with this title already exists');
}
tasks[index] = { id, ...result.data, createdAt };
res.json(tasks[index]);
});
router.delete('/:id', (req, res) => {
const index = tasks.findIndex((t) => t.id === Number(req.params.id));
if (index === -1) {
return sendError(res, 404, 'not_found', 'Task not found');
}
tasks.splice(index, 1);
res.status(204).end();
});
export default router;
Все уроки раздела REST API
1Ресурсы и глаголы
Ресурсы и URLСоздание с помощью POST4Браузеры, версии и конфигурация
Что такое originРазрешение другого originCORSСтраница, вызывающая APIПотренируйтесь самостоятельно: Песочница Express