084-JSON.stringify()
阿新 • • 發佈:2021-01-07
技術標籤:JavaScript學習
1. JSON的常規用途是同web伺服器進行資料交換。
2. 在向web伺服器傳送資料時, 資料必須是字串。
3. 通過JSON.stringify()把JavaScript物件轉換為字串。
4. 對JavaScript物件進行字串化
4.1. 想象一下我們在JavaScript中有這個物件:
var mobileObj = {name: "華為p40", price: 5999, color: ["黑色", "白色", "藍色"], baseInfo: {machineLength: "148.9mm", machineThickness: "71.06mm"}}; var mobileArrObj = ["華為手機", "小米手機", "vivo手機", "oppo手機", "魅族手機"];
4.2. 請使用JavaScript函式JSON.stringify()將它轉換為字串。
var mobile = JSON.stringify(mobileObj);
var mobileArr = JSON.stringify(mobileArrObj);
5. 日期字串化
5.1. 在JSON中, 不允許日期物件。JSON.stringify()函式將把任何日期轉換為字串。
var computerObj = {name: "聯想電腦", date: new Date()};
var computer = JSON.stringify(computerObj);
6. 例子
6.1. 程式碼
<!DOCTYPE html> <html> <head> <title>JSON.stringify()</title> <meta charset="utf-8" /> </head> <body> <script type="text/javascript"> var mobileObj = {name: "華為p40", price: 5999, color: ["黑色", "白色", "藍色"], baseInfo: {machineLength: "148.9mm", machineThickness: "71.06mm"}}; var mobileArrObj = ["華為手機", "小米手機", "vivo手機", "oppo手機", "魅族手機"]; var mobile = JSON.stringify(mobileObj); var mobileArr = JSON.stringify(mobileArrObj); document.write('mobile = ' + mobile + ', mobile型別: ' + typeof mobile + '<br />'); document.write('mobileArr = ' + mobileArr + ', mobileArr型別: ' + typeof mobileArr + '<br />'); var computerObj = {name: "聯想電腦", date: new Date()}; var computer = JSON.stringify(computerObj); document.write('computer = ' + computer + ', computer型別: ' + typeof computer + '<br />'); </script> </body> </html>
6.2. 效果圖