手写getQueryString

注意

给定一段URL和参数的名称，获取此参数的值

答：比较常见的公共函数了，utilsLibrary函数库 (opens new window)封装了<code>parseQueryString</code>，把链接参数转成对象

function getQueryString(url, queryKey) {
  const index = url.indexOf('?')
  if (index === -1) return '' // 找不到，链接无参数
  const queryStr = url.substring(index+1)
  const queryArr = queryStr.split('&')
  for (let idx = 0, len = queryArr.length; idx < len; idx++) {
    const temp = queryArr[idx].split('=')
    if (temp[0] === queryKey) return temp[1]
  }
  return '' // 找不到
}

// 测试
var url = 'https://www.baidu.com/s?id=123&name=why&phone=13876769797'
getQueryString(url, 'name') // "why"
getQueryString(url, 'zcl') // ''
getQueryString('https://www.baidu.com/s', 'name') // ''

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

取出 <code>id=123&name=why&phone=13876769797</code>, 再通过 & 切割成数组

编辑

上次更新: 2025/07/17, 07:17:44

← 手写jsonp 手写setInterval→