foreach 返回undefined 留坑

封装方法 获取浏览器参数,可是使用了foreach 循环后,调用方法打印就是undefined
原代码:数组

export function getUrlParams(parNmae) {
  let pramSplitStr = location.hash.split("#/")[1].split("?")[1];
  if(!pramSplitStr) return;
  let resultParNameStr = pramSplitStr.split("&");
  resultParNameStr.forEach(el => {
    let pranItem = el.split('=');
    if (parNmae == pranItem[0]) {
      return pranItem[1]
    } else {
      return null
    }
  })

解决替换成find 就行了浏览器

// 获取浏览器指定参数  (带hash的)
export function getUrlParams(parNmae) {
  let pramSplitStr = location.hash.split("#/")[1].split("?")[1];
  if(!pramSplitStr) return;
  let resultParNameStr = pramSplitStr.split("&");

 let ret = resultParNameStr.find(el => {
    let pranItem = el.split('=');
    return parNmae == pranItem[0]

 })
  let handleOpt = ret.split('=')
  return handleOpt[1]
}

forEach() 方法为每一个数组元素调用一次函数(回调函数)。
缘由:
forEach没有返回值,只针对每一个元素调用func。
forEach()没法在全部元素遍历完前,终止遍历,或者return 跳出当前循环,
这样的话,使用return失效,空循环就会显示undefined函数

相关文章
相关标签/搜索