折腾：
【未解决】给绘本查询web版增加点击tag标签搜索
期间，想要对于：
输入一个dict的object，即query string/ query parameter的dict，去实现url参数编码
所以才考虑去：
【未解决】js中获取一个dict对象的key和value
不过突然想要去找找是否有更加高效率的办法
js encode url parameters
可以参考：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | serialize = function(obj, prefix) { var str = [], p; for (p in obj) { if (obj.hasOwnProperty(p)) { var k = prefix ? prefix + "[" + p + "]" : p, v = obj[p]; str.push((v !== null && typeof v === "object") ? serialize(v, k) : encodeURIComponent(k) + "=" + encodeURIComponent(v)); } } return str.join("&");}console.log(serialize({ foo: "hi there", bar: { blah: 123, quux: [1, 2, 3] }}));// foo=hi%20there&bar%5Bblah%5D=123&bar%5Bquux%5D%5B0%5D=1&bar%5Bquux%5D%5B1%5D=2&bar%5Bquux%5D%5B2%5D=3 |
不过也可以直接用：
1 2 | var params = { width:1680, height:1050 };var str = jQuery.param( params ); |
【总结】
目前用：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | // input: {q: "", tag: "Shapes and Sizes", difficulty: 2}// output: q=&tag=Shapes%20and%20Sizes&difficulty=2function encodeQueryDict(queryDict){ console.log("encodeQueryDict: queryDict=%o", queryDict) var encodedQueryStr = "" if (queryDict){ var encodedKeyValueStrList = [] var keyValueList = Object.entries(queryDict) console.log("keyValueList=%o", keyValueList) for (const [ eachKey, eachValue ] of keyValueList){ console.log("eachKey=%s, eachValue=%s", eachKey, eachValue) var encodedKey = encodeURIComponent(eachKey) console.log("encodedKey=%o", encodedKey) var encodedValue = encodeURIComponent(eachValue) console.log("encodedValue=%o", encodedValue) var encodedKeyValueStr = `${encodedKey}=${encodedValue}` console.log("encodedKeyValueStr=%o", encodedKeyValueStr) encodedKeyValueStrList.push(encodedKeyValueStr) } console.log("encodedKeyValueStrList=%o", encodedKeyValueStrList) if (encodedKeyValueStrList.length > 0){ encodedQueryStr = encodedKeyValueStrList.join("&") } } console.log("encodedQueryStr=%o", encodedQueryStr) return encodedQueryStr} |
实现了：
输入：
1 | encodeQueryDict: queryDict={q: "", tag: "Helping Others", difficulty: 20} |
输出：
1 | encodedQueryStr="q=&tag=Helping%20Others&difficulty=20" |