當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

原来JSON还可这样玩着

發(fā)布時間：2023/12/18 javascript 33 豆豆

生活随笔收集整理的這篇文章主要介紹了原来JSON还可这样玩着小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

JOSN

JSON是一種數(shù)據(jù)格式，是JavaScript Object? Notation的縮寫。JSON作為JavaScript的一個嚴格子集，使用了JavaScript中的一些模式來表示結(jié)構(gòu)化數(shù)據(jù)。

? 簡單值：使用與JavaScript相同的語法，可以在JSON中表示字符串、數(shù)值、布爾值和null。但JSON不支持JavaScript中的特殊值undefined。? 對象：對象作為一種復(fù)雜數(shù)據(jù)類型，表示的是一組無序的鍵值對兒。而每個鍵值對兒中的值可以是簡單值，也可以是復(fù)雜數(shù)據(jù)類型的值。? 數(shù)組：數(shù)組也是一種復(fù)雜數(shù)據(jù)類型，表示一組有序的值的列表，可以通過數(shù)值索引來訪問其中的值。數(shù)組的值也可以是任意類型——簡單值、對象或數(shù)組。

JSON不支持變量、函數(shù)或者對象實例。雖然JSON看起來和對象有點相似，但是有幾點區(qū)別之處：

1、JSON中沒有變量的概念，所以在JSON中不能聲明變量；

2、JOSN末尾沒有分號；

3、JSON中的屬性必須加上雙引號。

JSON的兩個方法

1、JSON.stringify()，把JavaScript對象轉(zhuǎn)化為JSON字符串，在轉(zhuǎn)化的過程中，對象里的函數(shù)或者原型成員都會被忽略，屬性值為undefined的屬性也會被跳過；

JSON.stringify()接受三個參數(shù)：

必選：需要序列化的JavaScript對象；

過濾器【可選】：可以是數(shù)組、函數(shù)；

可選：表示是否在JSON字符串中保留縮進。

const _json = {name:"讀心悅",age:28 }const _json1 = JSON.stringify(_json,["name"]) console.log(_json);console.log(_json1)

如果過濾器是一個數(shù)組，數(shù)組中每一項要和將要序列化的對象中屬性一一對應(yīng)，這樣在返回的結(jié)果字符串中只會包含對應(yīng)的屬性。

如果過濾器是一個函數(shù)，那么這個函數(shù)接收兩個參數(shù)：屬性名和屬性值，函數(shù)根據(jù)屬性名來判斷如何處理需要序列化的對象中哪些屬性。

JSON.stringify()的第三個參數(shù)：控制JSON字符串中的縮進和空白符，如下每一項要縮進4個空格；

const _json = {name: "讀心悅",lat:"",age: 28,mon: [120, 234, 31, 654, 90] } const _json1 = JSON.stringify(_json,null,4) console.log(_json1)

打印的結(jié)果：

{"name": "讀心悅","lat": "","age": 28,"mon": [120,234,31,654,90] }

這個參數(shù)最大值為10個縮進空格，當設(shè)置的值大于10的時候，會自動轉(zhuǎn)化為10。

const _json1 = JSON.stringify(_json,null,100) {"name": "讀心悅","lat": "","age": 28,"mon": [120,234,31,654,90] }

另外，還有一個方法：toJSON(),這個方法是返回自身的JSON數(shù)據(jù)格式。可以給任何對象添加toJSON方的。

const _json = {name: "讀心悅",lat:"",age: 28,mon: [120, 234, 31, 654, 90],toJSON:function(){return this.name} } const _json1 = JSON.stringify(_json) console.log(_json1); // "讀心悅"

如果給JSON.stringify()傳入一個對象，那么在序列化該對象的順序如下：

(1) 如果存在toJSON()方法而且能通過它取得有效的值，則調(diào)用該方法。否則，返回對象本身。

(2) 如果提供了第二個參數(shù)，應(yīng)用這個函數(shù)過濾器。傳入函數(shù)過濾器的值是第(1)步返回的值。

(3) 對第(2)步返回的每個值進行相應(yīng)的序列化。

(4) 如果提供了第三個參數(shù)，執(zhí)行相應(yīng)的格式化。

2、JSON.parse()，把JSON字符串轉(zhuǎn)化為相應(yīng)的JavaScript的值，如果傳給JSON.parse()的字符串不是有效的JSON，就會拋出異常。其實JSON.parse()方法可以說是JSON.stringify()的還原函數(shù)。除了接收一個JSON字符串之外，也可以接收另一個參數(shù)，是一個函數(shù)：

const _json = {name: "讀心悅",lat: "",age: 28,mon: [120, 234, 31, 654, 90],test: {name: "青竹心"}, } const _json1 = JSON.stringify(_json) const _json2 = JSON.parse(_json1, function (key, value) {if(key=="name"){console.log("909090")} }) console.log(_json2);

如果還原函數(shù)返回undefined，則表示要從結(jié)果中刪除相應(yīng)的鍵；如果返回其他值，則將該值插入到結(jié)果中

總結(jié)

以上是生活随笔為你收集整理的原来JSON还可这样玩着的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。