在前端開發中，我們經常需要使用表單收集用戶數據。我們可以通過<form>標簽來創建表單。通常情況下，我們需要將表單數據轉換成 JSON 對象，這樣更加便于數據傳輸和處理。下面是一個用 JavaScript 將表單數據轉換成 JSON 對象的示例：

// 獲取表單元素
const form = document.querySelector('form')
// 將表單元素轉換成 FormData 對象
const formData = new FormData(form)
// 將 FormData 對象轉換成 JSON 對象
let jsonObject = {}
for (const [key, value] of formData.entries()) {
jsonObject[key] = value
}
console.log(jsonObject)

上面的代碼中，我們首先使用querySelector方法獲取了表單元素。然后使用FormData構造函數將表單元素轉換成 FormData 對象。最后通過遍歷FormData對象的entries()方法將其轉換成 JSON 對象。在遍歷的過程中，我們使用for...of循環獲取鍵值對，然后將其存儲到 JSON 對象中。

最終，我們可以通過console.log方法輸出 JSON 對象，方便我們進行后續處理。