js获取url的参数

最新推荐文章于 2024-06-04 19:55:06 发布

满身花雨

最新推荐文章于 2024-06-04 19:55:06 发布

阅读量375

点赞数 9

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_56058658/article/details/136396591

版权

本文介绍了如何在JavaScript中使用`getSearchParams`函数处理URL查询参数，并详细讲解了`Object.fromEntries`和`Object.entries`方法的作用及其在处理键值对数据时的应用。

摘要由CSDN通过智能技术生成

#每日学习前端#

let url = "http://localhost:8080/test?a=1&b=2";

function getSearchParams(path) {
//   let paramsStr = path.split("?")[1];

  //或者通过new URL() 获取参数后缀
  let url = new URL(path);
  let paramsStr =url.search

  const urlSearch = new URLSearchParams(paramsStr);

  let paramsObj = Object.fromEntries(urlSearch.entries());

  console.log("paramsObj", paramsObj);//{ a: '1', b: '2' }

  return paramsObj 
}

getSearchParams(url);

Object.fromEntries()和Object.entries() 用法

//  Object.fromEntries() 把键值对列表转换为一个对象，这个方法是和 Object.entries() 相对的
const arr = [
  ["apple", 10],
  ["banana", 8],
];
console.log(Object.fromEntries(arr)); // { apple: 10, banana: 8 }

const map=new Map([ ['foo', 11], ['baz', 42] ])
console.log(Object.fromEntries(map)); // { foo: 11, baz: 42 }

const obj = {
  name: "张三",
  age: 18,
};
const entries = Object.entries(obj);
console.log("entries", entries); //  [ [ 'name', '张三' ], [ 'age', 18 ] ]

不积跬步，无以至千里；不积小流，无以成江海。奥利给~