{"id":5396,"date":"2020-04-11T18:08:51","date_gmt":"2020-04-11T11:08:51","guid":{"rendered":"https:\/\/memo8.com\/?p=5396"},"modified":"2020-04-11T19:33:57","modified_gmt":"2020-04-11T12:33:57","slug":"convert-object-to-query-string-parameters-javascript-es6","status":"publish","type":"post","link":"https:\/\/memo8.com\/convert-object-to-query-string-parameters-javascript-es6\/","title":{"rendered":"\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e41\u0e1b\u0e25\u0e07 Object \u0e44\u0e1b\u0e40\u0e1b\u0e47\u0e19 Query String Parameters \u0e43\u0e19 JavaScript (ES6)"},"content":{"rendered":"\n

\u0e1e\u0e2d\u0e14\u0e35\u0e43\u0e19 App \u0e17\u0e35\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e14\u0e22 React \u0e21\u0e35\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e01\u0e32\u0e23\u0e41\u0e1b\u0e25\u0e07 Object \u0e44\u0e1b\u0e40\u0e1b\u0e47\u0e19 Query String Parameters \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e43\u0e19 URL \u0e2d\u0e35\u0e01\u0e17\u0e35 \u0e40\u0e25\u0e22\u0e21\u0e32\u0e40\u0e02\u0e35\u0e22\u0e19 Blog \u0e27\u0e34\u0e18\u0e35\u0e17\u0e33\u0e44\u0e27\u0e49\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/p>\n\n\n\n\n\n\n\n

\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07<\/h2>\n\n\n\n

\u0e02\u0e2d\u0e43\u0e0a\u0e49 Object \u0e42\u0e14\u0e22\u0e21\u0e35\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49<\/p>\n\n\n\n

const params = {\n    a: 1,\n    b: 2,\n    c: 3,\n    d: 4\n};<\/code><\/pre>\n\n\n\n
\u0e42\u0e14\u0e19\u0e08\u0e30\u0e17\u0e33\u0e01\u0e32\u0e23\u0e41\u0e1b\u0e25\u0e07\u0e04\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19 Query String Parameters \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e33\u0e44\u0e1b\u0e1c\u0e39\u0e01\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a  URL \u0e15\u0e48\u0e2d\u0e44\u0e1b \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49<\/p>\n\n\n\n
a=1&b=2&c=3&d=4<\/code><\/pre>\n\n\n\n
\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23<\/h2>\n\n\n\n
\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e43\u0e0a\u0e49 Object.keys()<\/strong> \u0e43\u0e19\u0e01\u0e32\u0e23 Return \u0e04\u0e48\u0e32\u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19 Array<\/p>\n\n\n\n
const queryString = Object.keys(params)\n\/\/ Array [\"a\", \"b\", \"c\", \"d\"]<\/code><\/pre>\n\n\n\n
\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e43\u0e0a\u0e49 Map<\/strong> \u0e27\u0e19\u0e25\u0e39\u0e1b\u0e04\u0e48\u0e32 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 Template strings <\/strong>\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a Key \u0e04\u0e31\u0e48\u0e19\u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 “=” \u0e15\u0e32\u0e21\u0e14\u0e49\u0e27\u0e22\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49 Key \u0e2d\u0e49\u0e32\u0e07\u0e16\u0e36\u0e07 \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e19\u0e35\u0e49<\/p>\n\n\n\n
const queryString = Object.keys(params).map(key => `${key}=${params[key]}`);\n\/\/ Array [\"a=1\", \"b=2\", \"c=3\", \"d=4\"]<\/code><\/pre>\n\n\n\n
 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e43\u0e0a\u0e49 Join<\/strong> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e04\u0e48\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19 \u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 “&”<\/p>\n\n\n\n
const queryString = Object.keys(params).map(key => `${key}=${params[key]}`).join(\"&\");\n\/\/ \"a=1&b=2&c=3&d=4\"<\/code><\/pre>\n\n\n\n
\u0e16\u0e49\u0e32\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e21\u0e35 key \u0e41\u0e25\u0e30 value \u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07 encode \u0e01\u0e47\u0e04\u0e27\u0e23\u0e08\u0e30\u0e43\u0e0a\u0e49 encodeURIComponent() \u0e23\u0e48\u0e27\u0e21\u0e14\u0e49\u0e27\u0e22 \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e19\u0e35\u0e49
<\/p>\n\n\n\n
const queryString = Object.keys(params).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`).join(\"&\");<\/code><\/pre>\n\n\n\n
\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 : https:\/\/developer.mozilla.org\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u0e1e\u0e2d\u0e14\u0e35\u0e43\u0e19 App \u0e17\u0e35\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e14\u0e22 React \u0e21\u0e35\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e01\u0e32\u0e23\u0e41\u0e1b\u0e25\u0e07 Object \u0e44\u0e1b […]<\/p>\n","protected":false},"author":1,"featured_media":5415,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[74],"tags":[83],"gutentor_comment":0,"_links":{"self":[{"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/posts\/5396"}],"collection":[{"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/comments?post=5396"}],"version-history":[{"count":0,"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/posts\/5396\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/media\/5415"}],"wp:attachment":[{"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/media?parent=5396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/categories?post=5396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/memo8.com\/wp-json\/wp\/v2\/tags?post=5396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}