您的位置：MYSQL中文网 > js 遍历json JS遍历Json字符串

js 遍历json JS遍历Json字符串

2023-10-08 03:30 JSON教程

js 遍历json JS遍历Json字符串

js 遍历json

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript语法，但是它也可以在其他语言中使用。JSON 是一种文本格式，它使用键值对来表示数据。

在 JavaScript 中遍历 JSON 对象有多种方法。其中一种方法是使用 for...in 循环。for...in 循环可以遍历对象的所有属性，包括原型上的属性。下面是一个使用 for...in 循环遍历 JSON 对象的例子：

var jsonObj = { 
    "name": "John", 
    "age": 30, 
    "city": "New York" 
}; 
  
for (var key in jsonObj) { 
    console.log(key + ": " + jsonObj[key]); 
}

另一个常用的方法是使用 Object.keys() 方法。Object.keys() 方法返回一个包含对象所有可枚举属性的数组。我们可以使用 forEach() 方法来遍历这个数组并打印出对象的所有属性：

   var jsonObj = { 
    "name": "John", 
    "age": 30, 
    "city": "New York" 
};  

 Object.keys(jsonObj).forEach(function(key){   console.log(key + ': ' + jsonObj[key]); });

此外，我们还可以使用 ES6 的新特性——for...of循环来遍历 JSON 对象。for...of循环会遍历对象中的所有元素，而不会遍历其原型上的属性。下面是一个使用 for...of循环遍历 JSON 对象的例子：

var jsonObj = { 
    "name": "John", 
    "age": 30, 
    "city": "New York"  };  

 for (let [key, value] of Object.entries(jsonObj)) {   console.log(`${key}: ${value}`); }

在 JavaScript 中遍历 JSON 变得非常容易，我们可以通过上面提到的三种方法来实现这一目标。无论你选择何种方式都能够很好地工作，你应该根据你想要实现的功能来选择合适的方式。

JS遍历Json字符串

JS遍历Json字符串

1、将Json字符串转换成JSON对象

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

2、遍历读取键值对

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+")");//单个JSON对象时要加括号，JSON数组就不需要了
    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,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>","社旗县国税局桥头税务所","社旗县城郊乡长江路西段"]]";
//通过eval() 函数可以将JSON字符串转化为对象
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]);
   }
}

</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

附加JSP后台拼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());
%>
阅读全文
以上是MYSQL中文网为你收集整理的js 遍历json JS遍历Json字符串全部内容。
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。
全部标签 标签详情
相关文章
热门文章
推荐文章
猜您喜欢
© 2024 MYSQL中文网 mysqlcn.com 版权所有 联系我们
桂ICP备12005667号-29 Powered by CMS