JS遍歷Json字符串

2023-04-17 15:35 更新

將Json字符串轉(zhuǎn)換成JSON對(duì)象

var t='{"firstName": "cyra", "lastName": "richardson"}'; 
var obj = eval('(' + t + ')');

遍歷讀取鍵值對(duì)


for(var str in obj){ 
    alert(str+'='+obj[str]); 
}

代碼示例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
   var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': { 'streetAddress': '1 Microsoft way', 'city': 'Redmond', 'state': 'WA', 'postalCode': 98052 },'phoneNumbers': [ '425-777-7777','206-777-7777' ] }";

var jsonobj=eval('('+t+')');//單個(gè)JSON對(duì)象時(shí)要加括號(hào)，JSON數(shù)組就不需要了
    alert(jsonobj.firstName);
    alert(jsonobj.lastName);

var t2="[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] ";
var myobj=eval(t2);
for(var i=0;i<myobj.length;i++){
   alert(myobj[i].name);
   alert(myobj[i].age);
}

var t3="[['<a href=# onclick=openLink(14113295100,社旗縣國(guó)稅局橋頭稅務(wù)所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>','社旗縣國(guó)稅局橋頭稅務(wù)所','社旗縣城郊鄉(xiāng)長(zhǎng)江路西段']]";
//通過(guò)eval() 函數(shù)可以將JSON字符串轉(zhuǎn)化為對(duì)象
var obj = eval(t3);
for(var i=0;i<obj.length;i++){
   for(var j=0;j<obj[i].length;j++){
alert(obj[i][j]);
   }
}
/*
stringifier 函數(shù)的作用跟 parse 相反， 用來(lái)將一個(gè)js對(duì)象轉(zhuǎn)換為 JSON 文本。
var jsonText = JSON.stringify(obj);
alert(jsonText);
//如果基于安全的考慮的話，最好是使用一個(gè) JSON 解析器。 一個(gè) JSON 解析器將只接受 JSON 文本。所以是更安全的。
var myObject = JSON.parse(myJSONtext, filter);  
//可選的 filter 參數(shù)將遍歷每一個(gè)value key 值對(duì)， 并進(jìn)行相關(guān)的處理。如：
//如
myData = JSON.parse(text, function (key, value) {       
return key.indexOf('date') >= 0 ? new Date(value) : value;    });
//stringifier 函數(shù)的作用跟 parse 相反， 用來(lái)將一個(gè)js對(duì)象轉(zhuǎn)換為 JSON 文本。
var myJSONText = JSON.stringifier(myObject);
*/
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

附加JSP后臺(tái)拼JSON字符串

<%@ page contentType="text/html;charset=GBK" %>
<%@ taglib uri="/tags/web-flex" prefix="flex"%>
<%@ taglib uri="/tags/web-grid" prefix="grid"%>
<%@ taglib uri="/tags/web-html" prefix="html"%>
<%@ taglib uri="/tags/web-sotower" prefix="sotower"%>
<%@ taglib uri="/tags/sotower-bsp" prefix="bsp"%>
<%@page import="java.util.List"%>
<%@page import="com.wuynw.ygxx.po.WyYuang"%>
<%
 List reslist=(List)request.getAttribute("flexgrid.data");
StringBuilder sb=new StringBuilder();
sb.append("[");
 for(int i=0;i<reslist.size();i++)
 {
     WyYuang w=(WyYuang)reslist.get(i);
     if(i>0)
     {
     sb.append(",");
     }
     sb.append("{").append("\"").append("id").append("\"").append(":");
     sb.append("\"").append(w.getId()).append("\"").append(",");
     sb.append("\"").append("name").append("\"").append(":");
     sb.append("\"").append(w.getXingm()).append("\"").append(",");
     sb.append("\"").append("gongh").append("\"").append(":");
     sb.append("\"").append(w.getGongh()).append("\"").append(",");
     sb.append("\"").append("zhiw").append("\"").append(":");
     sb.append("\"").append(w.getZhiw()).append("\"").append(",");
     sb.append("\"").append("ruzrq").append("\"").append(":");
     sb.append("\"").append(w.getRuzrq()).append("\"").append("}");
}
sb.append("]");
out.print(sb.toString());
%>


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)