从JavaScript对象生成URL参数

用JavaScript编写一个从对象生成URL参数的示例代码。、

它可以通过使用“URLSearchParams”轻松生成。

不仅可以创建对象，还可以创建数组。

生成 URL 参数

要生成 URL 参数，您可以使用“URLSearchParams”。

const obj = {
  page: 5,
  word: 'ciyawang',
  limit: 20,
};

const result = '?' + new URLSearchParams(obj).toString();

console.log(result); // ?page=5&word=ciyawang&limit=20

也可以用于“数组”。

const arr = [['page', 5],['word', 'ciyawang'],['limit', 20]];

const result = '?' + new URLSearchParams(arr).toString();

console.log(result); // ?page=5&word=ciyawang&limit=20

从 URL 参数转换为对象

使用“Object.fromEntries”将对象从“URLSearchParams”转换为对象。

const str = "?page=5&word=ciyawang&limit=20";

let result = new URLSearchParams(str);

console.log(result.get('page')); // 5
console.log(result.get('word')); // ciyawang

result = Object.fromEntries(new URLSearchParams(str));

console.log(result); // {page: '5', word: 'ciyawang', limit: '20'}