JSON獲取屬性值方法代碼實例
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。易于人閱讀和編寫。同時也易于機器解析和生成。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一個子集。
JSON采用完全獨立于語言的文本格式，但是也使用了類似于C語言家族的習慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。
這些特性使JSON成為理想的數(shù)據(jù)交換語言。其屬性值的獲取有三種方法
1. 對象名.屬性名, 類似于高級語言的寫法
var obj = '{"name":"wisdo", "age":"20"}';
var data = eval('('+ obj +')');
alert(obj.name);
2. 以數(shù)組索引的方式來訪問
var obj = '{"name":"wisdo", "age":"20"}';
var data = eval('('+ obj +')');
alert(obj[0]); // 輸出的是 name
3. 以字典索引的方式來訪問
var obj = '{"name":"wisdo", "age":"20"}';
var data = eval('('+ obj +')');
alert(obj['name']); // 輸出的是 name 值
在通常的情況下,一般是使用第一種方法,即通過對象名.屬性名 的方式來訪問,這樣對于使用高級語言的編程很直觀,也很容易理解,但這也有局限性,屬性的名稱要規(guī)范,key 要以字母或下劃線開頭的包括字母、下劃線和數(shù)字的字符串,不能以數(shù)字開頭.
總結
data.key和data['key']各自有自己的應用場景，一般情況使用data.key即可，也比較直觀(它符合其它高級語言中訪問對象中屬性的方式)；當key為一個變量時，并且使用在循環(huán)中，用data['key']這種方式。
for(var i=0; i < 10; i++) {
s += data['key' + i]; //循環(huán)調(diào)用，可簡化代碼}
以數(shù)組索引的方式來訪問,雖然不推薦，但也是有其應用價值的；如當建立一個與數(shù)據(jù)庫中id一一對應的map對象的時候，可直接用id的數(shù)值做key，雖然你可以給它加上一個字母前綴來讓它符合合法的變量名的標準并讓它的數(shù)據(jù)能通過data.key的方式訪問.
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
js中base64、url和blob之間相互轉換的3種方式(詳細代碼)
這篇文章主要給大家介紹了關于js中base64、url和blob之間相互轉換的3種方式,Blob和File是用來表示二進制數(shù)據(jù)的,而Base64則是一種編碼方式,用來把二進制數(shù)據(jù)編碼成可讀的字符串,需要的朋友可以參考下2023-10-10
最常見的方式是使用js函數(shù)操作excle文件，這種方式可能因瀏覽器不同，存在兼容性問題。另一種簡單方法就是導出一個excel能識別格式的xml文件，用excel打開。2013-07-07
這篇文章主要給大家整理了一些在面試的時候經(jīng)常遇到的前端面試題，本文總結的這三十道面試題都是一些最近碰到的一些較為有用的前端題目，相信會對大家面試具有一定的參考價值，需要的朋友可以參考學習，下面來一起看看吧。2017-04-04
在這篇文章里，我會實現(xiàn)一個可重用的函數(shù)來處理 JavaScript 延時異步操作。有需要的小伙伴們可以參考借鑒，下面來一起看看。2016-08-08
JavaScript實現(xiàn)查找字符串中第一個不重復的字符
這篇文章主要介紹了JavaScript實現(xiàn)查找字符串中第一個不重復的字符,需要的朋友可以參考下2014-12-12
javascript 函數(shù)調(diào)用規(guī)則
構造器函數(shù)以大寫字母開頭是一個好的習慣,這可以作為一個提醒,讓你在調(diào)用的時候不要忘記前面的new運算符.2009-08-08
js+html5通過canvas指定開始和結束點繪制線條的方法
這篇文章主要介紹了js+html5通過canvas指定開始和結束點繪制線條的方法,涉及html5屬性的操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了前端中跨域及解決措施的相關資料,主要方法包括JSONP、CORS和服務器代理跨域,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-02-02
本篇文章主要介紹了詳解JS中遍歷語法的比較 ，主要介紹for循環(huán)、forEach、for...in、for...of的用法和缺點，有興趣的可以了解一下。2017-04-04
JS訪問者模式是一種行為型設計模式,用于將算法與對象結構分離, 該模式允許你定義新的操作（訪問者）而無需修改現(xiàn)有對象結構（被訪問者）, 通過這種方式,你可以在不改變對象結構的情況下添加新的操作,本文就給大家詳細的講講JS訪問者模式的用法2023-08-08