JavaScript获取指定链接所有参数并返回JSON

代码:

getUrlQueryAll = (url) => {
  let firstIndex = url.indexOf('?') + 1
  if (firstIndex === -1) {
    return {}
  }
  let queryStr = url.substring(firstIndex)
  let queryArr = queryStr.split('&')
  let backObj = queryArr.map(item => {
    let key = item.split('=')[0]
    let value = item.split('=')[1]
    return `"${key}":"${value}"`
  })
  return JSON.parse(`{${backObj.toString()}}`)
}

使用示例:

 

嵌套JSON是指在一个JSON对象内部包含了另一个JSON对象或者数组,形成层次化结构。这种结构使得数据可以被组织成树状模型,在很多应用中都极为有用,例如存储配置文件、数据库查询结果或者是API返回的数据。 ### JSON 嵌套示例 下面是一个简单的嵌套JSON例子: ```json { "person": { "firstName": "John", "lastName": "Doe", "age": 30, "address": { "street": "123 Main St", "city": "Anytown", "state": "CA" }, "phoneNumbers": [ {"type": "home", "number": "555-1234"}, {"type": "mobile", "number": "555-5678"} ] } } ``` 在这个例子中,“person”是一个主键,其对应的值是一个包含多个属性的对象,包括姓名、年龄以及地址和电话号码列表。 ### 获取 JSON 参数 为了获取JSON数据中的某个值,通常需要通过解析JSON字符串(在JavaScript中使用`JSON.parse()`函数,或者其他语言中的相应库)来实现。然后使用相应的路径或键值来访问数据。以下是针对上述例子的一些方法: #### 访问简单键值 假设我们有以下JavaScript代码用于访问数据: ```javascript const data = '{"person": {"firstName": "John", "lastName": "Doe"}}'; let jsonData = JSON.parse(data); console.log(jsonData.person.firstName); // 输出 "John" ``` #### 访问嵌套键值 对于嵌套的键值,我们需要按照层级顺序指定键名,中间用点(`.`)连接: ```javascript const nestedData = ` { "person": { "firstName": "John", "lastName": "Doe", "address": { "street": "123 Main St", "city": "Anytown", "state": "CA" } } }`; const parsedData = JSON.parse(nestedData); console.log(parsedData.person.address.city); // 输出 "Anytown" ``` #### 访问数组元素 访问嵌套的数组也相当容易: ```javascript const arrayData = ` { "person": { "phoneNumbers": [{"type": "home", "number": "555-1234"}, {"type": "mobile", "number": "555-5678"}] } }`; const parsedArrayData = JSON.parse(arrayData); console.log(parsedArrayData.person.phoneNumbers.type); // 输出 "mobile" ``` ### 总结 理解如何构建和解析嵌套的JSON对象对于处理复杂的数据结构非常重要。这不仅限于JavaScript,几乎所有的现代编程语言都有提供解析JSON的功能,因此掌握基本的概念和技巧,可以帮助你更高效地管理和操作数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值