Part 1
var list1 = [1,3,4];
alert(list1[1]);
var list2 = [{"name":"leamiko","xing":"lin"}];
alert(list2[0]["xing"])
alert(list2[0].xing)
Part 2
var value = {
"china":{
"hangzhou":{"item":"1"},
"shanghai":{"item":"2"},
"chengdu":{"item":"3"}
},
"America":{
"aa":{"item":"1"},
"bb":{"item":"2"}
},
"Spain":{
"dd":{"item":"1"},
"ee":{"item":"2"},
"ff":{"item":"3"}
}
};
for(var countryObj in value)
{
document.write(countryObj + ":<br />")
//没用的for(var cityObj in value.countryObj)
for(var cityObj in value[countryObj])
{
document.write(' ' + cityObj + "<br />");
for(var itemObj in value[countryObj][cityObj])
{
document.write(" "+ itemObj + value[countryObj][cityObj][itemObj] +"<br />")
}
}
}
解释:
countryObj 为value对象的一个属性明,value[countryObj] 为value对象的属性值 这里为一个json对象比如b,value[countryObj][cityObj]为josn对象b的属性值 它也是一个json对象,于是 value[countryObj][cityObj]["item"]便可以取到json对象暂时成为c的值,或者 value[countryObj][cityObj].item。
总之分清是json还是array这是很关键的。
Part 3
var value2 = {
"china":[
{"name":"hangzhou", "item":"1"},
{"name":"shanghai", "item":"2"},
{"name":"sichuan", "item":"3"}
],
"America":[
{"name":"aa", "item":"12"},
{"name":"bb", "item":"2"}
],
"Spain":[
{"name":"cc", "item":"1"},
{"name":"dd", "item":"23"},
{"name":"ee", "item":"3"}
]
};
for (var countryObj in value2)
{
document.write(countryObj + ":<br />")
for (var cityObj in value2[countryObj])
{
//可以用document.write(" " + value2[countryObj][cityObj].item + "<br />");
document.write(cityObj + " " + value2[countryObj][cityObj]["name"] + "<br />" );
}
}
解释:
countryObj 为value2对象的属性名,value2[countryObj] 为value2对象属性值 在本例中它是一个数组,cityObj 是数组的一个元素,它又是另外一个json对象,于是,value2[countryObj][cityObj]["name"]就访问到该对象的 name的属性值,也可以通过 value2[countryObj][cityObj].name 来访问该属性值。
Part 4
var value2 = {
"china":[
{"name":"hangzhou", "item":"1"},
{"name":"shanghai", "item":"2"},
{"name":"sichuan", "item":"3"}
],
"America":[
{"name":"aa", "item":"12"},
{"name":"bb", "item":"2"}
],
"Spain":[
{"name":"cc", "item":"1"},
{"name":"dd", "item":"23"},
{"name":"ee", "item":"3"}
]
};
for (var countryObj in value2)
{
document.write(countryObj + ":<br />")
//document.write(" " + value2[countryObj].length);
for (var i = 0;i < value2[countryObj].length; i++)
{
document.write(" " + value2[countryObj][i]["name"] + "<br />");
}
}
解释:
countryObj value2对象的属性名,value2[countryObj] 属性值 本例中是一个数组,value2[countryObj].length 数组的长度,value2[countryObj][i]数组的项 == json对象。
value2[countryObj][i]["name"] 取得name的值,也可以用value2[countryObj][i].name 来取得name的值。
转载自:http://www.nowamagic.net/javascript/js_TraversalJson.php
分享到:
相关推荐
Json在Web开发的用处非常广泛,作为数据传递的载体,如何解析Json返回的数据是非常常用的。下面介绍下四种解析Json的方式: Part 1 var list1 = [1,3,4]; alert(list1[1]); var list2 = [{"name":"leamiko...
### jQuery遍历Json数据的方法知识点详解 #### 1. jQuery遍历的必要性与优势 在Web开发中,经常需要处理和展示来自服务器的数据,尤其是在构建动态的网页内容时。JSON(JavaScript Object Notation)数据格式因其...
在jQuery中,遍历JSON数组的例子如下: ```javascript var arr = [{name: "john", lang: "js"}, {name: "nailwl", lang: "jquery"}, {name: "吴磊", lang: "ext"}]; $.each(arr, function(index, content) { alert...
jQuery作为一个广泛使用的JavaScript库,提供了很多方便的操作数据的方法,其中遍历json数据是基础且常用的操作之一。本文将详细介绍jQuery遍历JSON数据的方法,并结合实例来分析相关技巧。 首先,JSON(JavaScript...
本文将详细介绍几种常用的遍历技术,并通过示例代码展示如何实现。 #### 方法一:使用`Object.keys()` `Object.keys()`是一个非常实用的方法,它可以返回一个由一个给定对象的所有可枚举属性组成的数组。这些属性...
在JavaScript和jQuery中,遍历和筛选数组以及解析JSON对象是常见的任务。以下将详细介绍这些方法: 1. **jQuery grep() 方法**: `$.grep()` 是jQuery提供的...而遍历JSON对象则是处理服务器返回的数据时的常见需求。
JS遍历JSON数组及获取JSON数组长度操作示例涉及JavaScript中处理JSON数据类型的基础操作。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在...
Java 递归算法构造 JSON 树形结构 Java 递归算法构造 JSON 树形结构是指通过 Java 语言使用递归算法将...Java 递归算法构造 JSON 树形结构是一种高效、简洁的数据处理方法,广泛应用于各种树形结构数据处理场景。
### comboBox加载数据的几种方式 在用户界面设计中,`comboBox`是一种常见的控件类型,用于展示下拉列表供用户选择。它广泛应用于各种应用程序之中,包括但不限于桌面应用、网页应用等。`comboBox`能够根据不同的...
在Web开发中,处理JSON数据是一种常见的需求。...在实际开发中,根据项目需求和个人偏好选择合适的方法来遍历JSON数据。同时,需要注意数据的安全性和代码的可读性,选择合适的遍历策略来提高代码质量。
在本示例"json复杂数据解析demo"中,我们将探讨如何处理结构复杂、层次丰富的JSON数据。 首先,我们需要理解JSON的基本结构。JSON数据由键值对组成,键用引号包围,后面跟着冒号,值可以是字符串、数字、布尔值、...
总结来说,遍历JavaScript和jQuery中的JSON数据主要有以下几种方式: - 对于JSON对象,可以使用`for...in`循环。 - 对于JSON数组,可以使用`forEach()`、`for`循环或jQuery的`$.each()`。 理解这些基础操作对于处理...
当JSON数据结构复杂时,如何在网页上清晰、友好地展示就显得尤为重要。本主题将详细介绍如何在前端实现JSON数据的格式化展示,以及支持折叠和展开的功能。 首先,理解JSON的基本结构是至关重要的。JSON由键值对组成...
在JavaScript中,我们可以利用不同的方法来遍历JSON对象或数组,这里结合具体的实例来详细总结了几种常见的遍历技巧。 1. 使用for循环进行遍历 for循环是JavaScript中最基本的循环结构之一,适用于遍历数组元素。在...
3. 在前端处理返回的JSON数据:在$.ajax()方法的success回调函数中,返回的数据会被处理。这里使用了eval()函数来转换字符串形式的JSON数据为JavaScript对象。然而,在实际开发中,出于安全考虑,不建议使用eval()...
JavaScript 操作 JSON ...JavaScript 提供了多种方法来操作 JSON 数据,包括将 JSON 对象转换为字符串、将字符串转换为 JSON 对象、遍历 JSON 数据等。了解 JSON 的基本概念和操作方法对于 Web 开发是非常重要的。
在网页中展示JSON数据通常涉及以下几个步骤: 1. **数据获取**:首先,你需要通过Ajax(Asynchronous JavaScript and XML)或者Fetch API从服务器获取JSON数据。这些API允许我们在不刷新页面的情况下向服务器发送...
JSON基于JavaScript的一个子集,但并不依赖于JavaScript,任何支持JSON的编程语言都可以轻松解析和生成JSON数据。 在描述中提到的“json格式的数据处理比xml简单”,这主要体现在以下几个方面: 1. **语法简洁**:...
当jQuery从服务器获取数据时,如果数据是以JSON格式返回的,我们可以使用几种方法来解析这些数据。 ### 1. 使用`eval()`函数 在jQuery早期版本和一些不支持JSON解析的浏览器中,经常使用`eval()`函数将JSON字符串...