2020 ES6 / 7/8 এবং আগমন
ES6 আরম্ভ করে জাভাস্ক্রিপ্ট এই সমস্যার জন্য পারফরম্যান্ট সমাধান তৈরি করতে বেশ কয়েকটি নির্মাণ প্রস্তাব করে।
এর মধ্যে ইউআরএল সার্চপ্যারাম এবং পুনরুক্তি ব্যবহার করে
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"}
অবজেক্ট.ফ্রেম এন্ট্রি ব্যবহার করে এবং ছড়িয়ে দিন
এর সাথে প্রতিস্থাপন করে আমরা অবজেক্ট.ফ্রেম এন্ট্রিগুলি (যা বর্তমানে পর্যায়ে 4 এ রয়েছে) ব্যবহার করতে পারি ।paramsToObjectObject.fromEntries(entries)
পুনরাবৃত্তি করতে মান জোড়গুলি হল নামটির নাম তালিকা এবং মানটি মান হিসাবে মান তালিকা being
যেহেতু URLParams, একটি পুনরাবৃত্তিযোগ্য অবজেক্ট ফেরত দেয় , কল করার পরিবর্তে স্প্রেড অপারেটর ব্যবহার করে .entriesতার প্রতি অনুমান অনুসারে এন্ট্রিও প্রদান করবে:
const urlParams = new URLSearchParams('abc=foo&def=%5Basf%5D&xyz=5');
const params = Object.fromEntries(urlParams); // {abc: "foo", def: "[asf]", xyz: "5"}
দ্রষ্টব্য: সমস্ত মান স্বয়ংক্রিয়ভাবে ইউআরএল সার্চপ্যারাম অনুসারে স্ট্রিং হয়
একাধিক একই কী
হিসাবে @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}