工具函数1 查询字符串与对象相互转化

查询字符串与对象相互转化

查询字符串转对象
//查询字符串转对象
var queryStr = ‘a=1&b=2‘
var toObj=queryStr=>{
    let obj={};
    queryStr.split(‘&‘).forEach(item=>{
        let[key,val]=item.split(‘=‘);
        obj[key]=val
    })
    return obj
}
console.log(toObj(queryStr))  //{a: "1", b: "2"}
对象转查询字符串
//对象转查询字符串
var obj={a:1,b:2};
var toQueryStr=obj=>{
    var arr = [];
    Object.keys(obj).forEach(item => {
        arr.push(item + ‘=‘ + obj[item])
    })
    return arr.join(‘&‘)
}
console.log(toQueryStr(obj))

注:Object.keys(obj)会返回一个由obj属性名组成的数组

原文地址:https://www.cnblogs.com/wtsx-2019/p/12368229.html

时间: 2024-10-10 12:20:57

工具函数1 查询字符串与对象相互转化的相关文章

将查询字符串转换为对象

/** * 将查询字符串转换为对象 * @param queryString <String> 查询字符串 * @return <Object> 转换后生成的对象 */function parseToObject(queryString) { // 使用 & 符号将查询字符串分割开 var parts = queryString.split("&"); // 遍历所有的 "key=value" 字符串结构 var obj =

jQuery实用工具函数总结

一.数组和对象操作 1. $.each——遍历 $.each(obj,function(param1,param2))遍历数组时:param1为元素序号,param2为元素内容:遍历对象时:param1为元素属性名,param2为元素属性值. 例如:①遍历数组: $(function () { var arrStu = { "张三:": "60", "李四:": "70", "王二:": "80&

从零开始学习jQuery (九) jQuery工具函数

原文:从零开始学习jQuery (九) jQuery工具函数 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQ

js - ISON 和 查询字符串互转

var util = {}; /** * 对象转为查询字符串 * @type object * */ util.toQueryString = function(obj) { var str = ""; for (let n in obj) { str += n + "=" + obj[n] + "&"; } str = str.substring(0, str.length - 1); return str; } /** * 查询字符串

jquery 源码学习(四)构造jQuery对象-工具函数

jQuery源码分析-03构造jQuery对象-工具函数,需要的朋友可以参考下. 作者:nuysoft/高云 QQ:47214707 EMail:[email protected] 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. 读读写写,不对的地方请告诉我,多多交流共同进步,本章的的PDF等本章写完了发布. jQuery源码分析系列的目录请查看 http://nuysoft.iteye.com/blog/1177451,想系统的好好写写,目前还是从我感兴趣的部分开始,如果大家有对哪

location对象查询字符串参数

虽然location.search可以返回从问号到URL末尾的所有内容,但却没有办法逐个访问其中的每个查询字符串参数.为此,可以创建下面这样一个函数,用以解析查询字符串,然后返回包含所有参数的一个对象: 1 function getQueryStringArgs(){ 2 //取得查询字符串并去掉开头的问号 3 var qs = (location.search.length > 0 ? location.search.substring(1) : ""); 4 //保存数据的对

第17课-数据库开发及ado.net 聚合函数,模糊查询like,通配符.空值处理.order by排序.分组group by-having.类型转换-cast,Convert.union all; Select 列 into 新表;字符串函数;日期函数

第17课-数据库开发及ado.net 聚合函数,模糊查询like,通配符.空值处理.order by排序.分组group by-having.类型转换-cast,Convert.union all;  Select 列 into 新表;字符串函数;日期函数 SQL聚合函数 MAX(最大值).MIN(最小值).AVG(平均值).SUM(和).COUNT(数量:记录的条数) 聚合函数对null不计算.如果一行数据都是null,count(*)包含对空值行.重复行的统计. --聚合函数演示 selec

jq工具函数(九)使用$.extend()扩展Object对象

除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者,调用格式为: $. extend (obj1,obj2,…objN); 参数obj1至objN表示需要合并的各个原有对象. 例如,调用$.extend()函数对两个已有的对象进行合并,并将合并后的新对象元素内容显示在页面中,如下图所示: 在浏览器中显示的效果: 从图中可以看出,当两个对象通过$.extend()函数扩展合并后,返回一个包含两个对象中全部属性

解析URL查询字符串参数为对象

高程3使用拼接字符串形式解析的查询字符串,网上有各种正则方式解析的,记得太多,临时需要写的时候,自己都搞混乱了.只记一种吧,用正则. function getQueryStringArgs() { var search = (location.search.length > 0 ? location.search.slice(1) : ""); var obj = {}; var reg = /([^?&=]+)=([^?&=]*)/g; search.repla