在前端開發中，我們經常需要使用到form表單來收集用戶輸入的數據。但是，有時候我們需要將這些數據轉化為json格式，方便傳遞給后端或者進行其他操作。那么，該如何將form表單轉化為json數據呢？下面介紹一種實現方式。

function formToJson(form) {
var formData = new FormData(form);
var json = {};
for (var [key, value] of formData.entries()) {
json[key] = value;
}
return JSON.stringify(json);
}

這段代碼定義了一個名為formToJson的函數，接收一個form元素作為參數。該函數先通過FormData對象將form元素中的數據收集起來，然后遍歷每個表單元素的鍵值對，將它們轉化為json格式最后返回。

下面是一個示例，演示如何使用該函數將form表單轉換為json格式：

<form id="myForm">
<input type="text" name="username" value="John">
<input type="numeric" name="age" value="30">
<input type="email" name="email" value="john@example.com">
</form>
<button onclick="convertFormToJson()">Convert to JSON</button>
<script>
function convertFormToJson() {
var form = document.getElementById('myForm');
var json = formToJson(form);
console.log(json);
}
</script>

在上述代碼中，我們定義了一個包含三個表單元素的form表單，以及一個按鈕用來將其轉化為json格式。當用戶點擊按鈕時，convertFormToJson函數會被調用，它會獲取指定id的form元素并調用formToJson函數進行轉化，最后將結果打印在控制臺中。

使用這種方法，我們可以很方便地將form表單收集到的數據轉化為json格式，以便于后續處理。注意，該方法僅適用于常用的表單元素類型，對于自定義表單元素或者復雜的數據類型，我們需要進行更多的適配和處理。