本文介绍在Node.js环境下，如何利用Object.entries、forEach和Array.join等方法，手动封装将JSON对象转换为URL查询参数的工具函数。同时提供反向解析逻辑，实现URL参数到JSON对象的转换，适用于爬虫请求等场景。
JavaScript中将JSON对象转换为URL查询参数
在开发Node.js爬虫工具时，发送HTTP请求往往需要将JSON格式的数据转换为URL查询字符串。在Python中，可以使用urllib.urlencode库轻松实现这一功能，而在Node.js环境中，则需要手动封装相应的工具函数。
虽然网络上已有不少相关代码，但考虑到这是一个轻量级的工具函数，无需引入冗长的代码库。因此，这里提供一个精简且高效的自定义实现方案。
前置知识点
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"}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持本站。