2020 ईएस 6/7/8 और दृष्टिकोण पर
ईएस 6 शुरू करने और पर, जावास्क्रिप्ट इस मुद्दे के लिए एक प्रदर्शन समाधान बनाने के लिए कई निर्माण प्रदान करता है।
इसमें URLSearchParams और पुनरावृत्तियों का उपयोग करना शामिल है
let params = new URLSearchParams('abc=foo&def=%5Basf%5D&xyz=5');
params.get("abc"); // "foo"
क्या आपके उपयोग के मामले में आपको वास्तव में इसे ऑब्जेक्ट में बदलने की आवश्यकता है, तो आप निम्नलिखित फ़ंक्शन को लागू कर सकते हैं:
function paramsToObject(entries) {
let result = {}
for(let entry of entries) { // each 'entry' is a [key, value] tupple
const [key, value] = entry;
result[key] = value;
}
return result;
}
बेसिक डेमो
const urlParams = new URLSearchParams('abc=foo&def=%5Basf%5D&xyz=5');
const entries = urlParams.entries(); //returns an iterator of decoded [key,value] tuples
const params = paramsToObject(entries); //{abc:"foo",def:"[asf]",xyz:"5"}
Object.fromEntries और स्प्रेड का उपयोग करना
हम Object.fromEntries का उपयोग कर सकते हैं (जो वर्तमान में चरण 4 में है), के paramsToObjectसाथ बदल रहा है Object.fromEntries(entries)।
मूल्य जोड़े से अधिक पुनरावृति करने के लिए सूची नाम-मूल्य जोड़े हैं जिनमें कुंजी का नाम और मूल्य का मूल्य है।
चूंकि URLParams, कॉल करने के बजाय प्रसार ऑपरेटर का उपयोग करके, एक पुन: उपयोग करने योग्य वस्तु देता है, इसलिए इसकी कल्पना के अनुसार प्रविष्टियां भी प्राप्त होंगी:.entries
const urlParams = new URLSearchParams('abc=foo&def=%5Basf%5D&xyz=5');
const params = Object.fromEntries(urlParams); // {abc: "foo", def: "[asf]", xyz: "5"}
नोट: सभी मान URLSearchParams कल्पना के अनुसार स्वचालित रूप से तार हैं
एकाधिक कुंजी
जैसा कि @siipe ने बताया, कई समान कुंजी वाले मानों को अंतिम उपलब्ध मान में समाहित किया foo=first_value&foo=second_valueजाएगा : सार रूप में बन जाएगा {foo: "second_value"}:।
इस उत्तर के अनुसार: https://stackoverflow.com/a/1746566/1194694 यह तय करने के लिए कोई युक्ति नहीं है कि इसके साथ क्या करना है और प्रत्येक रूपरेखा अलग-अलग व्यवहार कर सकती है।
एक सामान्य उपयोग का मामला दो समान मानों को एक सरणी में मिलाने के लिए होगा, जिससे आउटपुट ऑब्जेक्ट में होगा:
{foo: ["first_value", "second_value"]}
यह निम्नलिखित कोड के साथ प्राप्त किया जा सकता है:
const groupParamsByKey = (params) => [...params.entries()].reduce((acc, tuple) => {
// getting the key and value from each tuple
const [key, val] = tuple;
if(acc.hasOwnProperty(key)) {
// if the current key is already an array, we'll add the value to it
if(Array.isArray(acc[key])) {
acc[key] = [...acc[key], val]
} else {
// if it's not an array, but contains a value, we'll convert it into an array
// and add the current value to it
acc[key] = [acc[key], val];
}
} else {
// plain assignment if no special case is present
acc[key] = val;
}
return acc;
}, {});
const params = new URLSearchParams('abc=foo&def=%5Basf%5D&xyz=5&def=dude');
const output = groupParamsByKey(params) // {abc: "foo", def: ["[asf]", "dude"], xyz: 5}