前端小技巧:JSON對象和JSON字符串的相互轉換

1.前置知識

無論你走的是前端還是後端,JSON對象都是我們在WEB編程中經常會用到的一個對象,因為JSON可以說是我們前後端數據傳遞最重要的一個方式了。

前端小技巧:JSON對象和JSON字符串的相互轉換

來自互聯網

2..為什麼要轉換

我們知道,在數據傳輸過程中,JSON是以字符串的形式傳遞的。

JSON字符串:

而Javascript操作的是JSON對象。

JSON對象:

因此,JSON對象和JSON字符串之間的相互轉換就變成了一個很關鍵的問題。

3.如何進行轉換

JSON字符串和對象之間的轉換,最常用的就是使用JSON.stringify()JSON.parse()這兩個函數了,目前JSON對象已經成為Javascript的內置對象了,所以大家可以儘管使用這兩個方法。其中JSON.stringify()函數是將JSON對象轉換為字符串,而 JSON.parse()函數恰好相反,是將JSON字符串轉換為JSON對象。

3.1轉換示例

  • JSON對象轉換為JSON字符串
  • JSON字符串轉換為JSON對象

3.2轉換注意點

  • 當使用JSON.stringify()轉換JSON字符串時會出現轉義符“\”
  • 當使用JSON.parse()轉換JSON對象時會報錯傳參錯誤

4.總結

因為我們在使用AJAX等方式進行前後端通信時,傳遞和接受的往往是JSON字符串,而我們Javascript要操作的往往是JSON對象,因此我們需要使用JSON.stringify()JSON.parse()​這兩個函數進行JSON對象和字符串之間的轉換。

這裡是【IT人一直在路上】,關注我,學習更多前端技術,一起從小白走向高級工程師。


分享到:


相關文章: