將JavaScript對象轉(zhuǎn)換為json格式的方法

發(fā)布時間：2020-08-29 14:06:09 來源：億速云閱讀：170 作者：小新欄目：web開發(fā)

小編給大家分享一下將JavaScript對象轉(zhuǎn)換為json格式的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

JSON.stringify（）語法格式：

JSON.stringify（[要轉(zhuǎn)換的對象]）

或

JSON.stringify（[要轉(zhuǎn)換的對象]，[轉(zhuǎn)換函數(shù)]）

JSON.stringify（[要轉(zhuǎn)換的對象]，[轉(zhuǎn)換函數(shù)]，[空白處理方法]）

一個具體實例

代碼如下：

創(chuàng)建以下HTML文件

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
  <script type="text/javascript">
    var obj = {
      name: "餅干",      
      code: "PC-001",      
      price: 360,      
      getInfo: function () {
              return this.name + " = \\" + this.price;
      }
    }    
  function ObjectToJson() {
               var jsontext = JSON.stringify(obj);      
                var elem = document.getElementById("textarea1");
      elem.innerText = jsontext;
    }  
</script>
</head>
<body>
  <div></div>
  <div><textarea id="textarea1" cols=80 rows=20 wrap="off"></textarea></div>
</body>
</html>

說明：

使用以下代碼定義對象。

 var obj = {
      name: "餅干",
      code: "PC-001",
      price: 360,
      getInfo: function () {
        return this.name + " = \\" + this.price;
      }
    }

單擊該按鈕時，將調(diào)用以下ObjectToJson（）函數(shù)。調(diào)用JSON.stringify（）方法將對象轉(zhuǎn)換為JSON字符串。將要轉(zhuǎn)換的對象作為第一個參數(shù)。
轉(zhuǎn)換后的結(jié)果將作為JSON.stringify（）的返回值返回。在此代碼中，結(jié)果JSON格式字符串顯示在文本區(qū)域中。

  function ObjectToJson() {
      var jsontext = JSON.stringify(obj);
      var elem = document.getElementById("textarea1");
      elem.innerText = jsontext;
    }

執(zhí)行結(jié)果：

使用Web瀏覽器顯示上述HTML文件。將顯示如下所示的效果：

將JavaScript對象轉(zhuǎn)換為json格式的方法

單擊“button”按鈕。JavaScript對象的信息轉(zhuǎn)換為JSON字符串，并在文本區(qū)域中顯示為文本字符串。

將JavaScript對象轉(zhuǎn)換為json格式的方法

以上是將JavaScript對象轉(zhuǎn)換為json格式的方法的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

將JavaScript對象轉(zhuǎn)換為json格式的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽