Get the parameters in the URL and the interchange between parameters and objects

Now native h5 There are not many projects , however url There are not many operations such as parameter transfer , Here is for those in need , Offer a little help .
Don't talk much, just go to the code ：

obtain URL And turn it into an object

/** *  analysis url All parameter information in  * @param url {String}  Incoming address url, Default to the currently accessed page window.location.href * @returns {Object}  return url Parameters Object Data objects , No parameter scope will be empty  {} */
 
const getUrlParams = (url = window.location.href) => {
    
  const searchIndex = url.lastIndexOf('?');
  const search = url.substring(searchIndex + 1);
  if (searchIndex < 0 || !search || (search && !/=/.test(url))) {
    
    return {
    
      errMsg: ' At present url The parameter is empty. ',
      errHref: url
    }
  }
  const result = search.split('&').map(s => {
    
    if (/=/.test(s)) {
    
      return s;
    }
    return s + '=';
  });
  const resultStr = result.join('&');
  return JSON.parse(`{"${
      decodeURIComponent(resultStr).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"')}"}`);
}

Example

//  Example 
console.log(' Parameters in the current link :', parseQueryString());

If url No parameters , Will return to empty {}, If you don't use some js Code base or tool , To judge that the object is empty, a method is also given here , Hope to useful ：

Determines if the object is null

/** *  Judge whether the object is empty  * @param {Object} obj  The incoming object  * @returns  If the object is empty, return  true, Is not empty is false */
const isEmptyObj = (obj) => {
    
  if (!obj) {
    
    return true;
  }
  const objKeys = Object.keys(obj);
  if (objKeys.length > 0) {
    
    return false;
  }
  return true;
}

Please watch carefully when using , Object is null and returns true, Don't be wrong

Object to URL Parameter splicing method of

/** * * @desc  Object serialization  * @param {Object} obj * @return {String} */
 const stringfyQueryString = (obj) => {
    
   if (!obj) return '';
   let pairs = [];
   for (let key in obj) {
    
     let value = obj[key];
     if (value instanceof Array) {
    
       console.log(' The contents of the cycle ', value);
       for (let i = 0; i < value.length; ++i) {
    
         pairs.push(encodeURIComponent(key + '[' + i + ']') + '=' + encodeURIComponent(value[i]));
       }
       continue;
     }
     pairs.push(encodeURIComponent(key) + '=' + encodeURIComponent(obj[key]));
   }

   return pairs.join('&');
 }

Example

//  Example 
    const paramObj = {
    
      name: 'zhangsan',
      age: 12,
      local: 'zhouer'
    };
    console.log(' Conversion completed ', stringfyQueryString(paramObj));

---

The above hope to help you