Cara Membuat Query Parameter URL di JavaScript

Dibuat
·
Dilihat15 kali
0

Apakah ada fungsi bawaan JavaScript yang bisa memudahkan kita untuk membuat query parameter URL tanpa harus menggabungkan string secara manual? Selama ini saya menggabungkan string secara manual seperti ini:

const query = {
  sortBy: "createdAt",
  page: 1,
};

const queryParams = `sortBy=${query.sortBy}&page=${query.page}`;
const url = `https://example.com/posts?${queryParams}`;
console.log(url); // https://example.com/posts?sortBy=createdAt&page=1
JavaScript
1 Jawaban
0

Bisa menggunakan konstruktor URLSearchParams, ini berfungsi di browser maupun Node.js, contoh:

const query = {
  sortBy: "createdAt",
  page: 1,
};
const queryParams = new URLSearchParams(query).toString();
const url = `https://example.com/posts?${queryParams}`;
console.log(url); // https://example.com/posts?sortBy=createdAt&page=1

Selain menggunakan metode di atas, di Node.js bisa menggunakan querystring, seperti ini:

const querystring = require("node:querystring");

const query = {
  sortBy: "createdAt",
  page: 1,
};
const queryParams = querystring.stringify(query).toString();
const url = `https://example.com/posts?${queryParams}`;
console.log(url); // https://example.com/posts?sortBy=createdAt&page=1
Dibuat

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!

Pertanyaan Terkait