Tips sử dụng URLSearchParams trong Javascript

Hôm nay mình sẽ giới thiệu, cũng như nhắc lại một tip nhỏ để xử lý URL trong Javascript một cách nhanh, chính xác và hiện đại nhất.

Trước đây khi Javascript chưa support nhiều function tiện lợi như bây giờ, mình thường phải xử lý bóc tách URL theo cách thủ công như tách chuỗi, loop mảng để xử lý các param trong các URL như bên dưới. Mô tả sử dụng window.location để lấy object của URL.

URLSearchParams

Giờ đây, để parse URL thì chúng ta có thể sử dụng các method được cung cấp bởi URLSearchParams interface. Việc xử lý URL trở nên nhanh chóng hơn bao giờ hết.

Dưới đây mình xin trình bày một số ví dụ cho các method hay dùng như sau:

get: method trả về param đầu tiên của URL parameters

has: method check tồn tại param trong URL

keys: method trả về Iteration lặp qua tất cả các params của object. Ví dụ này mình dùng toArray() để show ra các giá trị trong Iteration. Các bạn sẽ dễ hình dung hơn.

set: method set giá trị cho param. Method này rất linh động. Nếu có nhiều hơn 1 param cùng tên, sẽ xóa hết và chỉ để lại 1 với giá trị mới. Nếu chưa có sẽ tạo mới param.

append: method thêm param vào URL. Nếu param đã tồn tại, vẫn sẽ thêm vào sau.

Trên đây là một số method hay dùng trong khi làm việc. Các bạn đọc qua có thể không nhớ hết được ngay. Nhưng trong quá trình làm việc, nếu gặp phải vấn đề tương tự thì các bạn sẽ có hướng giải quyết nhanh nhất khi nhớ tới tips này.

Ngoài một số method mình nêu trên, còn một số method đơn giản các bạn có thể tự tìm hiểu như: