form轉為json是前端開發中常常遇到的任務之一。在這篇文章中，我們將介紹如何將一個form表單轉為json格式。

function formToJson(form) {
// 通過form的元素對象獲取所有控件
let elements = form.querySelectorAll('input, select, textarea');
let formData = {};
// 遍歷所有控件
for (let i = 0; i < elements.length; i++) {
let element = elements[i];
let name = element.name;
let value = element.value;
// 忽略未命名的控件
if(!name) {
continue;
}
// 對單選、多選及文本框的取值進行處理
if (element.type === 'radio') {
if (element.checked) {
formData[name] = value;
}
} else if (element.type === 'checkbox') {
if (element.checked) {
if (Array.isArray(formData[name])) {
formData[name].push(value);
} else {
formData[name] = [value];
}
}
} else {
formData[name] = value;
}
}
// 將formData轉為json
let jsonData = JSON.stringify(formData);
return jsonData;
}

上述代碼的思路是，遍歷form表單的所有控件，對于單選、多選和文本框，對其取值進行處理，并將結果保存到formData對象中。最后再將formData對象轉為json格式。

使用示例：

let form = document.querySelector('#my-form');
let jsonData = formToJson(form);
console.log(jsonData);

上述代碼將輸出form表單轉化為json格式的結果。