আপনার যদি জেসন ফর্ম্যাটে পোষ্ট ব্যবহার করে "মাইফর্ম" ফর্মটি জমা করতে হয় তবে আপনি এটি করতে পারেন:
const formEntries = new FormData(myForm).entries();
const json = Object.assign(...Array.from(formEntries, ([x,y]) => ({[x]:y})));
fetch('/api/foo', {
method: 'POST',
body: JSON.stringify(json)
});
দ্বিতীয় রেখার মতো অ্যারে থেকে রূপান্তরিত হয়:
[["firstProp", "firstValue"], ["secondProp", "secondValue"], ...and so on... ]
... একটি নিয়মিত বস্তুতে যেমন:
{"firstProp": "firstValue", "secondProp": "secondValue", ...and so on ... }
... এটি একটি মানচিত্রফ্র্যানে অ্যারে.ফ্রমে () এ যাওয়ার মাধ্যমে এই রূপান্তরটি করে। এই মানচিত্রএফএন প্রতিটি ["a", "b"] জোড়াতে প্রয়োগ করা হয় এবং এগুলিকে {"a": "b" into তে রূপান্তরিত করে যাতে অ্যারেটিতে প্রতিটিতে একটি করে সম্পত্তি থাকা অনেকগুলি অবজেক্ট থাকে। জোড়ের প্রথম এবং দ্বিতীয় অংশের নাম পেতে মানচিত্রএফএন "ডিস্ট্রাকচারিং" ব্যবহার করছে এবং মানচিত্রএফএন দ্বারা প্রত্যাবর্তিত অবজেক্টে সম্পত্তিটির নাম নির্ধারণের জন্য এটি একটি ES6 "কমপিউটেডপ্রটিটির নাম "ও ব্যবহার করছে (এই কারণেই বলা হয়েছে" [ x]: কেবল "x: কিছু" এর চেয়ে কিছু "।
এই সমস্ত একক সম্পত্তি বস্তুগুলি তারপরে অবজেক্ট.স্যাসাইন () ফাংশনের আর্গুমেন্টগুলিতে প্রেরণ করা হয় যা সমস্ত একক সম্পত্তি অবজেক্টগুলিকে একক বস্তুতে মার্জ করে যা সমস্ত বৈশিষ্ট্যযুক্ত।
অ্যারে.ফ্রোম (): https://developer.mozilla.org/en-US/docs/Web/ জাভা স্ক্রিপ্ট / রেফারেন্স / গ্লোবাল_অবজেক্টস / অ্যারে / ফ্রম
প্যারামিটারগুলিতে বিকাশ:
https://simonsmith.io/destructuring-objects-as-function-paraters-in-es6/
এখানে গণনা করা সম্পত্তির নাম সম্পর্কে আরও: একটি জাভাস্ক্রিপ্ট অবজেক্ট আক্ষরিক সম্পত্তি হিসাবে নাম
পরিবর্তনশীল?