JS中怎么將JSON數組轉化為url參數

今天小編給大家分享一下JS中怎么將JSON數組轉化為url參數的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

JS將JSON數組轉化為url參數

有需求要用nodejs做一個爬蟲工具，發送請求的時候，需要將json數據轉換成url參數。在python中我們可以使用urllib.urlencode輕松來完成，在nodejs中就需要手動封裝一個工具了。

前置知識點

• Object.entries():返回一個數組，其元素是與直接在object上找到的可枚舉屬性鍵值對相對應的數組。屬性的順序與通過手動循環對象的屬性值所給出的順序相同。

• forEach: 對數組的每個元素執行一次給定的函數，可以理解相當于 for 循環的簡寫版（實質不只那么簡單）。

• Array.push(): 方法將一個或多個元素添加到數組的末尾，并返回該數組的新長度。

• Array.join(): 將一個數組（或一個類數組對象）的所有元素連接成一個字符串并返回這個字符串。如果數組只有一個項目，那么將返回該項目而不使用分隔符。

代碼

const converToUrl = requestParams => {
  let params = [];
  Object.entries(requestParams).forEach(([key, value]) => {
      let param = key + '=' + value;
      params.push(param);
  });
  return '?' + params.join('&');
}

實例演示

const urlUtil = require('./reqParamsConverToUrl.util');

const requestParams = {
  'name' : "zhangsan",
  'age' : 18
}

const urlParams = urlUtil.converToUrl(requestParams);
console.log(urlParams);

運行結果：

JavaScript JSON與URL參數互轉

JSON轉URL參數

function parseParams(data) {
    try {
        var tempArr = [];
        for (var i in data) {
            var key = encodeURIComponent(i);
            var value = encodeURIComponent(data[i]);
            tempArr.push(key + '=' + value);
        }
        var urlParamsStr = tempArr.join('&');
        return urlParamsStr;
    } catch (err) {
        return '';
    }
}   

var obj = {
    name: 'zhangsan',
    age: 100
};

parseParams(obj); //"name=zhangsan&age=100"

URL參數轉JSON

function getParams(url) {
  try {
    url = url.match(/\?([^#]+)/)[1];
    const obj = {};
    const arr = url.split('&');
    for (let i = 0; i < arr.length; i++) {
      let subArr = arr[i].split('=');
      let key = decodeURIComponent(subArr[0]);
      let value = decodeURIComponent(subArr[1]);
      obj[key] = value;
    }
    return obj;
  } catch (err) {
    return null;
  }
}

var urlStr = 'http://www.xxx.com/test?name=zhangshan&age=100#hello';

getParams(urlStr); //{name: "zhangshan", age: "100"}

以上就是“JS中怎么將JSON數組轉化為url參數”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。