广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JS中如何将JSON数组转化为url参数
  • 358
分享到

JS中如何将JSON数组转化为url参数

JSJSON数组JSurl参数JSON数组转url参数 2023-05-16 14:05:48 358人浏览 独家记忆
摘要

目录js将JSON数组转化为url参数javascript JSON与URL参数互转总结JS将JSON数组转化为url参数 有需求要用nodejs做一个爬虫工具,发送请求的时候,需要

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"}

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: JS中如何将JSON数组转化为url参数

本文链接: https://www.lsjlt.com/news/210026.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS中如何将JSON数组转化为url参数
    目录JS将JSON数组转化为url参数JavaScript JSON与URL参数互转总结JS将JSON数组转化为url参数 有需求要用nodejs做一个爬虫工具,发送请求的时候,需要...
    99+
    2023-05-16
    JS JSON数组 JS url参数 JSON数组转url参数
  • php如何将url的参数转化成数组
    本文小编为大家详细介绍“php如何将url的参数转化成数组”,内容详细,步骤清晰,细节处理妥当,希望这篇“php如何将url的参数转化成数组”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。转化方法:1、使用“mb_...
    99+
    2023-06-30
  • python如何将json转化为数组
    可以使用`json`库中的`loads`函数将JSON字符串转化为Python对象,然后使用`list()`函数将Python对象转...
    99+
    2023-09-05
    python json
  • php怎么将url的参数转化成数组
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑php将url的参数转化成数组实现方法:使用stripos()获取字符“”的位置使用mb_substr()根据获取的位置截取字符串,获取url的参数部分使用p...
    99+
    2019-08-12
    php
  • 将数组转化为json格式PHP
    在Web开发中,我们经常需要将数据以JSON格式返回给前端,以方便JavaScript等客户端脚本访问。而在PHP中,我们可以使用json_encode()函数将PHP数组转化为JSON字符串。下面是一个例子,我们定义了一个名为$stude...
    99+
    2023-05-22
  • PHP中如何将JSON数据转为数组
    在开发过程中,我们经常会遇到将 JSON 格式的数据转换为 PHP 数组的需求。这种需求在与前端交互、接收其他系统接口的数据等情况下非常常见。本文将介绍在 PHP 中如何将 JSON 数据转换为 PHP 数组。PHP 内置函数 json_d...
    99+
    2023-05-14
  • thinkphp中如何将json数据转为数组
    这篇文章主要介绍“thinkphp中如何将json数据转为数组”,在日常操作中,相信很多人在thinkphp中如何将json数据转为数组问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”thinkphp中如何将j...
    99+
    2023-07-05
  • php如何将json数据转化为数组类型
    这篇文章主要讲解了“php如何将json数据转化为数组类型”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“php如何将json数据转化为数组类型”吧!在php中,可以利用json_decode...
    99+
    2023-06-22
  • jquery如何将json转换为数组
    使用jquery将json转换为数组的方法:1.新建html项目,引入jquery;2.使用var关键字定义json字符串,并赋值;3.使用parseJSON()方法将json字符串转换为json对象;4.通过for循环遍历json对象,将...
    99+
    2022-10-05
  • PHP中如何将List数据转为JSON数组
    本篇内容主要讲解“PHP中如何将List数据转为JSON数组”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“PHP中如何将List数据转为JSON数组”吧!首先,我们要在PHP中定义一个List。...
    99+
    2023-07-05
  • 如何将Vue的请求参数转化为json格式
    在Vue开发中,我们经常需要通过Ajax请求获取服务器端数据,而传递参数时,我们会将参数构建为一个对象或者数组,这个对象或者数组就是我们发起请求时的请求参数。但是在Vue开发中,我们经常会遇到一个问题:我们无法直接将一个复杂的对象或者数组作...
    99+
    2023-05-14
  • php将数组转化为json的方法
    这篇文章主要介绍php将数组转化为json的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!php将数组转化为json的方法:首先创建一个PHP示例文件;然后定义一个数组;最后通过“json_encode”函数将指...
    99+
    2023-06-14
  • javascript如何将数组转为json格式
    这篇文章给大家分享的是有关javascript如何将数组转为json格式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在javascript中,可以使用转化函数“JSON.stringify()”来将数组转为js...
    99+
    2023-06-14
  • php怎么将json数据转化为数组类型
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑在php中,可以利用json_decode()函数来将json数据转为数组类型。json_decode()函数可以将JSON编码的字符串转换为适当的PHP数据类型。默认...
    99+
    2020-10-13
    php json数据 数组类型
  • php如何将空数组转为json格式
    今天小编给大家分享一下php如何将空数组转为json格式的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。在开发Web应用程序时...
    99+
    2023-07-05
  • 如何使用PHP将数组转换为JSON
    PHP中的数组转换为JSON是一个常见的任务。JSON是现代应用程序中最常用的数据格式之一,而PHP是一种强大的服务器端语言,支持处理JSON数据。在本文中,我们将探讨如何使用PHP将数组转换为JSON。我们将着重介绍以下主题:什么是JSO...
    99+
    2023-05-14
  • php如何将数据转化为json格式
    本篇内容介绍了“php如何将数据转化为json格式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在php中,可以使用json_encode(...
    99+
    2023-06-30
  • es6中如何将set转化为数组
    这篇文章主要介绍es6中如何将set转化为数组,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! es6中将set转化为数组的方法:1、使用扩展运算符“......
    99+
    2022-10-19
  • 怎么在php中将数组转换为json
    怎么在php中将数组转换为json?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。php数组转json的函数是json_encode()。json_encode(...
    99+
    2023-06-14
  • 如何用php将数组转换为json格式
    本篇内容主要讲解“如何用php将数组转换为json格式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何用php将数组转换为json格式”吧!1.理解JSON格式在开始介绍如何将PHP数组转换为...
    99+
    2023-07-05
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作