最近我在開發一個網站時遇到了一個需求:將用戶輸入的數據存儲為JSON格式。我發現最直接的做法是將entry轉化為JSON。下面我分享一下代碼如何實現:
const entries = new FormData(document.querySelector('form')).entries(); //獲取表單中所有的數據 const data = {}; for (const [key, value] of entries) { //遍歷表單數據 data[key] = value; } const jsonData = JSON.stringify(data); //將數據轉化為JSON字符串 console.log(jsonData);
以上代碼首先調用FormData的entries()方法獲取表單中所有的數據,然后通過for...of循環遍歷每個數據項,將key和value賦值給一個空對象data的屬性。最后使用JSON.stringify()方法將數據轉化為JSON字符串,可以在控制臺中查看轉化結果。
需要注意的是,這個過程中有一些限制。因為formData.entries()方法返回的是迭代器,不能直接被JSON.stringify()轉化為JSON格式,需要一定的操作。
簡單總結一下,將表單數據轉化為JSON格式的過程中,我們需要用到FormData、for...of循環、JSON.stringify()等方法,具體實現還需要考慮每個項目的需求。希望這篇文章能夠幫助你更好地理解這個過程。