`
Fs_sky
  • 浏览: 10365 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

遍历json数据

阅读更多
小弟最近刚学习json数据的遍历,希望高手们看看。。。。

//创建一个json数组对象
var jsonArray = [
  {
'name':'张三',
'age':20,
'sanwei':{
'xiongwei': 'F',
'yaowei' : '200',
'tunwei' : '200'
}
  },
  {
'name':'李四',
'age':18,
'sanwei' :{
'xiongwei':'B',
'yaowei' : '300',
'tunwei' : '400'
}

  }

];

//遍历
$(function(){
                    //for
    for(var i in jsonArray){
$("#navigation").append("姓  名:"+jsonArray[i].name+"<br>年龄:"+jsonArray[i].age+"<br>三维:");
for(var j in jsonArray[i]){
//alert(j);
$("#navigation").append("<br>"+jsonArray[i][j].sanwei+"\n--\n<br>");
}
}


});
        <body>
             <div id="navigation">
     </div>
         </body>

        这里我没有使用$.each();我试了试for in 可是在输出sanwei 的时候为什么是undefined,请问哪里错了么?
分享到:
评论

相关推荐

    java遍历JSON树

    ### Java遍历JSON树知识点详解 #### 一、前言 在处理Web应用程序中的数据时,JSON(JavaScript Object Notation)是一种非常常见的数据格式。它轻量级且易于读写,因此广泛应用于前后端的数据交互中。对于Java...

    Jquery遍历Json数据的方法

    ### jQuery遍历Json数据的方法知识点详解 #### 1. jQuery遍历的必要性与优势 在Web开发中,经常需要处理和展示来自服务器的数据,尤其是在构建动态的网页内容时。JSON(JavaScript Object Notation)数据格式因其...

    遍历:遍历JSON数据

    遍历JSON数据 概要 Traverse是一种go语言实用程序,用于“遍历”一块JSON编码的文本并返回选定的内容。 从go ,遍历细分RawMessage直到获得所需的。 我们使用指定遍历。 记录器也很好地利用了这种模式。 成分 遍历...

    遍历json显示树形菜单

    展示树形菜单的关键在于正确地遍历JSON数据结构。由于树形结构常常包含嵌套的子节点,递归遍历是最有效的解决方案。递归函数会调用自身来处理子节点,直到没有更多的子节点为止。例如,一个基本的递归遍历函数可能...

    遍历JSON文件内容

    总结一下,Java中遍历JSON文件主要分为四个步骤:引入JSON处理库,读取文件内容,解析JSON字符串,以及遍历和处理JSON数据结构。通过这种方式,你可以方便地操作和分析JSON文件中的任何数据,满足各种业务需求。在...

    JS循环遍历JSON数据的方法

    JavaScript作为一种脚本语言,提供了丰富的数据结构和操作方法,能够有效地处理和遍历JSON数据。循环遍历JSON数据的方法在处理诸如列表数据、配置项、服务器响应数据等场景中非常关键。 首先,我们来看一下如何用...

    Jquery遍历json的两种数据结构.pdf

    在JavaScript和jQuery中,遍历JSON数据、解析JSON字符串以及发送AJAX请求都是常见的操作。而在服务器端,Java等编程语言提供了丰富的库来处理JSON的序列化和反序列化。了解并熟练掌握JSON的使用,对于提升Web开发的...

    json-schema-traverse:遍历 JSON Schema 将每个架构对象传递给回调

    json-schema-traverse 遍历 JSON Schema 将每个架构对象传递给回调安装 npm install json-schema-traverse用法 const traverse = require ( 'json-schema-traverse' ) ;const schema = { properties : { foo : { ...

    Jquery遍历json的两种数据结构[参照].pdf

    1. **遍历JSON对象**:如果JSON数据是一个对象(key-value对的形式),可以使用jQuery的`$.each()`函数来遍历。例如: ```javascript var obj = { key1: 'value1', key2: 'value2' }; $.each(obj, function(key, ...

    js 遍历json返回的map内容示例代码

    本文将详细介绍如何在JavaScript中遍历JSON数据,并将遍历结果中的数据放到map对象中,以及如何通过示例代码来实现这一过程。 首先,我们来看一下遍历JSON数据的基础方法。在JavaScript中,我们通常使用循环语句如`...

    JQuery遍历json数组的3种方法

    其中一个重要的应用场景就是对JSON数据的遍历。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,因此它在Web开发中经常被用来传递数据。 1. 使用...

    Jquery遍历json的两种数据结构借鉴.pdf

    Jquery遍历json的两种数据结构借鉴.pdf

    Java遍历json字符串取值的实例

    在当今的软件开发中,处理JSON数据格式已经成为一项基础技能,特别是在Java语言的使用场景下。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。本文...

    jQuery遍历json的方法分析

    本文实例分析了jQuery遍历json的方法。分享给大家供大家参考,具体如下: 复制代码 代码如下:var obj = {“status”:1,”bkmsg”:”\u6210\u529f”,”bkdata”:[“\u5415\u5c1a\u5fd7″,”1387580400″,”\u6dfb\u52...

    Jquery遍历json的两种数据结构.docx

    在jQuery中,遍历JSON数组的例子如下: ```javascript var arr = [{name: "john", lang: "js"}, {name: "nailwl", lang: "jquery"}, {name: "吴磊", lang: "ext"}]; $.each(arr, function(index, content) { alert...

    jQuery通过ajax请求php遍历json数组到table中的代码(推荐)

    3. HTML表格操作:利用jQuery遍历JSON数据,并动态地构建表格行添加到页面的表格中。 4. PHP后端数据处理:创建数组,使用json_encode()函数将数组转换成JSON字符串。 5. 使用$.each()进行数据迭代:$.each()方法...

    javascript for-in有序遍历json数据并探讨各个浏览器差异

    举例来说,以下代码展示了在不同浏览器中,使用`for-in`遍历JSON对象时可能出现的差异: ```javascript var json1 = { "2": {"name": "第1条"}, "1": {"name": "第2条"}, "3": {"name": "第3条"} }; for (var i...

Global site tag (gtag.js) - Google Analytics