欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中的對象與JSON

 更新時間:2015年07月03日 09:01:41   投稿:junjie  
這篇文章主要介紹了JavaScript中的對象與JSON,本文講解了定義JSON與javascript對象、javascript對象轉換為JSON、javascript中解析JSON等內(nèi)容,需要的朋友可以參考下

簡介

JSON即JavaScript Object Natation,它是一種輕量級的數(shù)據(jù)交換格式,非常適合于服務器與 JavaScript 的交互。
JSON是一種數(shù)據(jù)交換格式,像XML和YAML一樣是一種在各種不同語言間傳遞結構化信息的方式。從另一方面來說,javascript對象是javascript語言中的一種數(shù)據(jù)類型,就像PHP中的數(shù)組、C++中類和結構體。

定義JSON與javascript對象

在javascript程序中定義對象的時候,對象的屬性名可以加雙引號也可以不加雙引號。如果屬性名包含特殊字符(如!、if等)的時候,就必須加雙引號。
在定義JSON的時候,屬性名必須加雙引號。

代碼示例:

1.定義javascript對象

復制代碼 代碼如下:

var obj={name:"tudouya","sex":"man"};  #兩個屬性可以加雙引號也可以不加
var obj={"!":"hello world"};  #屬性名包含特殊字符時必須加雙引號

2.定義JSON字符串
復制代碼 代碼如下:

var jsonString={"name":"tudouya"};  #定義JSON時必須加雙引號

javascript對象轉換為JSON

1.javascript對象轉換為JSON

我們可以使用javascript的內(nèi)置函數(shù)將javascript對象轉換為JSON,這個函數(shù)就是JSON.stringify().
代碼示例:

復制代碼 代碼如下:

var obj={name:"tudouya",sex:"man"};
var jsonObj=JSON.stringify(obj);
console.log(jsonObj);
##輸出結果為:{"name":"tudouya","sex":"man"}

在將javascript對象轉換為JSON的時候,有一點是需要我們注意的:
如果對象中包含有值為函數(shù)和日期的屬性,JSON會忽略值為函數(shù)的屬性,并將值為日期的屬性轉換為字符串。
代碼示例:
復制代碼 代碼如下:

var obj={
 name:"tudouya",
 birthday:new Date(),
 action:function (){
  document.write("walk");
 }
};
var jsonObj=JSON.stringify(obj);
console.log(jsonObj);
##輸出結果為:{"name":"tudouya","birthday":"2014-08-12T10:05:00.497Z"}

javascript中解析JSON

在老版本的JS中,大家通常都使用eval()函數(shù)來解析JSON,但是ECMAScript5給我們提供了一個解析JSON的新函數(shù)JSON.parse()。

這個函數(shù)的使用方法比較簡單,大家可以自行嘗試。當對某個JSON字符串應用該函數(shù)以后,該JSON就被轉換為javascript的對象,也就是說當用typeof運算符查看該函數(shù)的類型時,返回的值是Object。
同樣有一點需要注意的是,該函數(shù)是ECMAScript5以后才支持的,如果是舊版本的瀏覽器那么可能不支持該函數(shù)。解決的方法是加載一個實現(xiàn)該函數(shù)的js文件,即json2.js。如果使用的是JQuery框架,jQuery.parseJSON(),該函數(shù)調(diào)用了JSON.parse()方法。
關于使用eval()方法解析JSON,這個等深入學習后會記錄下來。

一個很重要的概念

作為一個前端菜鳥,經(jīng)常聽到別人說“JSON對象”,但是其實并沒有“JSON對象”這個概念,JSON真正的表現(xiàn)形式是字符串。

相關文章

  • 徹底搞懂?javascript的Promise

    徹底搞懂?javascript的Promise

    這篇文章主要為大家詳細介紹了javascript的Promise,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-02-02
  • 詳解JavaScript函數(shù)callee、call、apply的區(qū)別

    詳解JavaScript函數(shù)callee、call、apply的區(qū)別

    這篇文章主要介紹了JavaScript函數(shù)callee、call、apply的區(qū)別,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-03-03
  • JavaScript操作Cookie詳解

    JavaScript操作Cookie詳解

    這篇文章主要介紹了JavaScript操作Cookie詳解,本文講解了什么是Cookie、Cookie基礎知識、Cookie常見問題、cookie 有兩種清除方式、Cookie基礎用法、Cookie高級用法等內(nèi)容,需要的朋友可以參考下
    2015-02-02
  • js Math 對象的方法

    js Math 對象的方法

    js Math 對象的方法向上取整、向下取整、四舍五入等等,數(shù)字運算經(jīng)常會用到,需要的朋友可以參考下
    2013-09-09
  • Javascript算符的優(yōu)先級介紹

    Javascript算符的優(yōu)先級介紹

    Javascript算符的優(yōu)先級介紹,需要的朋友可以參考一下
    2013-03-03
  • 你真的了解JavaScript的作用域與閉包嗎

    你真的了解JavaScript的作用域與閉包嗎

    這篇文章主要為大家詳細介紹了JavaScript作用域與閉包,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-03-03
  • javascript深拷貝的幾種情況總結

    javascript深拷貝的幾種情況總結

    這篇文章主要為大家介紹了javascript深拷貝的幾種情況,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-01-01
  • js實現(xiàn)圖片局部放大效果詳解

    js實現(xiàn)圖片局部放大效果詳解

    這篇文章主要介紹了js實現(xiàn)圖片局部放大效果,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-03-03
  • 了解JavaScript中的選擇器

    了解JavaScript中的選擇器

    這篇文章主要介紹了JavaScript中的選擇器,下面和小編一起了看看吧
    2019-05-05
  • 詳解JSON.parse和JSON.stringify用法

    詳解JSON.parse和JSON.stringify用法

    本文詳細講解了JSON.parse和JSON.stringify的用法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-12-12

最新評論