Khi xây dựng một trang thương mại điện tử cấp độ Junior, bạn cần sắp xếp danh sách sản phẩm theo giá hoặc tên. Tại sao trong môi trường JavaScript thực tế, phương thức Array.prototype.sort() mặc định lại có thể gây ra kết quả không chính xác với số nguyên lớn, và cách khắc phục tối ưu nhất là gì?

Question

Accepted Answer

Bản chất vấn đề
Trong JavaScript, theo đặc tả ECMAScript, phương thức Array.prototype.sort() mặc định chuyển đổi tất cả các phần tử thành chuỗi (string) trước khi tiến hành so sánh theo mã Unicode (lexicographical sorting). Do đó, khi bạn có một mảng các con số như [10, 5, 20], kết quả trả về sau khi sắp xếp sẽ là [10, 20, 5] vì chuỗi '10' và '20' đứng trước chuỗi '5' theo bảng mã Unicode.
Cách khắc phục tối ưu
Để khắc phục hiện tượng này, bạn bắt buộc phải truyền một hàm so sánh (comparator function) vào phương thức sort(). Hàm này nhận hai tham số (a, b) và trả về một số âm, số dương hoặc bằng không.
const products = [
  { id: 1, name: 'Áo sơ mi', price: 150000 },
  { id: 2, name: 'Quần jean', price: 90000 },
  { id: 3, name: 'Giày thể thao', price: 350000 }
];

// Sắp xếp tăng dần theo giá
products.sort((a, b) => a.price - b.price);
Lưu ý kinh nghiệm thực chiến Enterprise

Tránh sử dụng toán tử trừ trực tiếp a - b nếu đối tượng có thể chứa giá trị undefined hoặc null mà chưa được lọc dữ liệu (sanitization) trước.
Phương thức sort() trong JavaScript thực hiện sắp xếp tại chỗ (in-place mutation), làm thay đổi mảng gốc. Trong các ứng dụng hiện đại sử dụng state management (như Redux hoặc React state), bạn nên tạo bản sao của mảng trước khi sắp xếp bằng cách sử dụng spread operator [...products].sort(...) để tránh gây ra side-effects không mong muốn.

Bản chất vấn đề

Làm Chủ Phỏng Vấn & Nâng Cao Trình Độ Chuyên Nghiệp

Tải Tuyển Tập 100+ Câu Hỏi Phỏng Vấn Chuyên Sâu (PDF)

Cần Mentor Phỏng Vấn Thử 1-1 & Tối Ưu CV?

Kiểm Tra CV Chuẩn ATS Miễn Phí

Câu hỏi sorting liên quan cùng chủ đề