在工作中,我們經(jīng)常需要將一些數(shù)據(jù)格式轉(zhuǎn)化為json,以便于在前端頁(yè)面中進(jìn)行展示和使用。其中,ext list是一種常見(jiàn)的數(shù)據(jù)格式,它類似于數(shù)組,但具有更多的功能和擴(kuò)展性。本文將介紹如何將ext list轉(zhuǎn)化為json。
// 示例ext list數(shù)據(jù) var list = new Ext.util.MixedCollection(); list.add('name', '張三'); list.add('age', 22); list.add('gender', '男');
首先,我們需要定義一個(gè)json對(duì)象來(lái)保存轉(zhuǎn)化后的數(shù)據(jù)。具體操作如下:
var json = {}; list.each(function(item){ json[item.getKey()] = item.getValue(); });
上述代碼使用了ext list的each方法,對(duì)列表中的每一個(gè)元素進(jìn)行遍歷操作,將鍵值對(duì)分別存儲(chǔ)到j(luò)son對(duì)象中。其中,getKey()方法用于獲取鍵名,getValue()方法用于獲取鍵值。
為了更好地展示轉(zhuǎn)化結(jié)果,我們可以使用JSON.stringify方法將json對(duì)象轉(zhuǎn)換為字符串形式:
console.log(JSON.stringify(json));
執(zhí)行上述代碼,可得到以下轉(zhuǎn)化結(jié)果:
{ "name": "張三", "age": 22, "gender": "男" }
如此,我們就成功地將ext list轉(zhuǎn)化為json對(duì)象,并將其轉(zhuǎn)換為可讀性較好的字符串格式。