JavaScript中JSON對象的使用方法

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript中JSON對象的使用方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

在JavaScript中，JSON對象中包含了兩個(gè)方法：parse()方法、stringify()方法；使用JSON對象的這兩個(gè)方法可以實(shí)現(xiàn)JSON字符串和JavaScript對象的互相轉(zhuǎn)換。

JavaScript中JSON是什么？

JSON是一種是用于存儲(chǔ)和傳輸數(shù)據(jù)的格式；一個(gè)輕量級的人類可讀的，可以以邏輯方式來訪問的數(shù)據(jù)集合。

JSON可以生成并存儲(chǔ)來自用戶輸入的數(shù)據(jù)；可以將數(shù)據(jù)從服務(wù)器傳輸?shù)娇蛻舳?，從客戶端傳輸?shù)椒?wù)器，從服務(wù)器傳輸?shù)椒?wù)器；還可以構(gòu)建和驗(yàn)證數(shù)據(jù)。

JSON對象的使用

JSON.parse()方法

JSON對象的parse()方法可以接受JSON字符串并將其轉(zhuǎn)換為對應(yīng)的JavaScript對象，在返回這個(gè)對象。下面我們來看看基本句式：

JSON.parse（text [，reviver]）

text：要解析為JSON的字符串；

reviver：可選參數(shù)，規(guī)定了在返回之前如何轉(zhuǎn)換最初通過解析生成的值。

示例：

<script>
var json = '{ "學(xué)號":"01", "姓名":"小華", "年齡":20 }';
var student = JSON.parse(json);
//全部輸出
console.log(student);

//單個(gè)輸出
console.log("學(xué)號："+student.學(xué)號);
console.log("姓名："+student.姓名);
console.log("年齡："+student.年齡);
</script>

運(yùn)行效果如下：我們來看看輸出

JSON.stringify()方法

JSON對象的stringify()方法可以將JavaScript值轉(zhuǎn)換為對應(yīng)的JSON字符串，再返回這個(gè)JSON字符串。下面我們來看看基本句式：

Json.stringify（value [，replacer [，space]]）

value：指定要轉(zhuǎn)換為JSON字符串的js值。

Replacer：可選參數(shù)，可以改變字符串化過程行為數(shù)。如果指定了replacer函數(shù)，它將替換值；如果指定了replacer數(shù)組，則它僅包含指定的屬性。

space：可選參數(shù)，一個(gè)String或Number對象，用于將空白插入輸出JSON字符串以便于閱讀。

示例：將JavaScript字符串對象和數(shù)組對象，轉(zhuǎn)換為JSON字符串

//JavaScript字符串對象
var json = { 學(xué)號:"01", 姓名:"小華", 年齡:20 };
var  student  =  JSON .stringify(json);  
console.log(student);

//JavaScript數(shù)組對象
var arr = [ "php", "mysql", "javascript"];
var  bc  =  JSON .stringify(arr);  
console.log(bc);

輸出：

關(guān)于JavaScript中JSON對象的使用方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。