ExtJS是一款強(qiáng)大的JavaScript庫,它可用于構(gòu)建Web應(yīng)用程序,并提供了一系列實(shí)用的功能和組件。當(dāng)我們?cè)陂_發(fā)應(yīng)用程序時(shí),經(jīng)常需要遍歷JSON對(duì)象來獲取數(shù)據(jù)。下面是使用ExtJS遍歷JSON的示例。
// 假設(shè)我們有以下JSON對(duì)象 var myObj = { "name": "張三", "age": 28, "address": "北京市", "phones": [ { "type": "移動(dòng)電話", "number": "138****8888" }, { "type": "座機(jī)", "number": "010-*****" } ] }; // 遍歷JSON對(duì)象 function traverse(obj) { // 判斷當(dāng)前對(duì)象是否為數(shù)組 if (Object.prototype.toString.call(obj) === '[object Array]') { for (var i = 0; i< obj.length; i++) { traverse(obj[i]); } } else { for (var key in obj) { if (obj.hasOwnProperty(key)) { // 輸出當(dāng)前屬性鍵和值 console.log(key + " : " + obj[key]); // 如果屬性值為對(duì)象或數(shù)組,遞歸遍歷 if (typeof obj[key] === 'object') { traverse(obj[key]); } } } } } // 調(diào)用遍歷函數(shù) traverse(myObj);
在上面的示例代碼中,我們首先定義了一個(gè)JSON對(duì)象myObj。然后定義了一個(gè)遍歷函數(shù)traverse,該函數(shù)可以遍歷JSON對(duì)象及其子對(duì)象。
在遍歷函數(shù)中,我們首先判斷當(dāng)前對(duì)象是否為數(shù)組類型。如果是數(shù)組類型,則使用for循環(huán)遍歷數(shù)組中的每個(gè)元素,并遞歸調(diào)用遍歷函數(shù)。如果不是數(shù)組類型,則使用for-in循環(huán)遍歷當(dāng)前對(duì)象的每個(gè)屬性,并輸出屬性的鍵和值。如果當(dāng)前屬性值為對(duì)象或數(shù)組,則遞歸調(diào)用遍歷函數(shù)。
使用ExtJS遍歷JSON對(duì)象并獲取數(shù)據(jù)就是這么簡(jiǎn)單,只需要定義一個(gè)遍歷函數(shù),即可輕松完成任務(wù)。希望本文能夠?qū)Υ蠹矣兴鶐椭?/p>