`

遍历json获得数据的几种方法

    博客分类:
  • js
 
阅读更多

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('&nbsp;&nbsp;&nbsp;&nbsp;' + cityObj + "<br />");
		for(var itemObj in value[countryObj][cityObj])
		{
			document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+ 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("&nbsp;&nbsp;" + value2[countryObj][cityObj].item + "<br />");
		document.write(cityObj + "&nbsp;&nbsp;" + 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("&nbsp;&nbsp;" + value2[countryObj].length);
		for (var i = 0;i < value2[countryObj].length; i++)
		{
			document.write("&nbsp;&nbsp;" + 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获得数据的几种方法小结

    Json在Web开发的用处非常广泛,作为数据传递的载体,如何解析Json返回的数据是非常常用的。下面介绍下四种解析Json的方式: Part 1 var list1 = [1,3,4]; alert&#40;list1[1]&#41;; var list2 = [{"name":"leamiko...

    Jquery遍历Json数据的方法

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

    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遍历json的方法分析

    jQuery作为一个广泛使用的JavaScript库,提供了很多方便的操作数据的方法,其中遍历json数据是基础且常用的操作之一。本文将详细介绍jQuery遍历JSON数据的方法,并结合实例来分析相关技巧。 首先,JSON(JavaScript...

    javascript遍历json对象的key和任意js对象属性实例.docx

    本文将详细介绍几种常用的遍历技术,并通过示例代码展示如何实现。 #### 方法一:使用`Object.keys()` `Object.keys()`是一个非常实用的方法,它可以返回一个由一个给定对象的所有可枚举属性组成的数组。这些属性...

    jquery遍历筛选数组的几种方法和遍历解析json对象

    在JavaScript和jQuery中,遍历和筛选数组以及解析JSON对象是常见的任务。以下将详细介绍这些方法: 1. **jQuery grep() 方法**: `$.grep()` 是jQuery提供的...而遍历JSON对象则是处理服务器返回的数据时的常见需求。

    JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】

    JS遍历JSON数组及获取JSON数组长度操作示例涉及JavaScript中处理JSON数据类型的基础操作。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在...

    Java递归算法构造JSON树形结构

    Java 递归算法构造 JSON 树形结构 Java 递归算法构造 JSON 树形结构是指通过 Java 语言使用递归算法将...Java 递归算法构造 JSON 树形结构是一种高效、简洁的数据处理方法,广泛应用于各种树形结构数据处理场景。

    comboBox 加载数据的几种方式

    ### comboBox加载数据的几种方式 在用户界面设计中,`comboBox`是一种常见的控件类型,用于展示下拉列表供用户选择。它广泛应用于各种应用程序之中,包括但不限于桌面应用、网页应用等。`comboBox`能够根据不同的...

    jQuery 遍历json数组的实现代码

    在Web开发中,处理JSON数据是一种常见的需求。...在实际开发中,根据项目需求和个人偏好选择合适的方法来遍历JSON数据。同时,需要注意数据的安全性和代码的可读性,选择合适的遍历策略来提高代码质量。

    json复杂数据解析demo

    在本示例"json复杂数据解析demo"中,我们将探讨如何处理结构复杂、层次丰富的JSON数据。 首先,我们需要理解JSON的基本结构。JSON数据由键值对组成,键用引号包围,后面跟着冒号,值可以是字符串、数字、布尔值、...

    Javascript Jquery 遍历Json的实现代码

    总结来说,遍历JavaScript和jQuery中的JSON数据主要有以下几种方式: - 对于JSON对象,可以使用`for...in`循环。 - 对于JSON数组,可以使用`forEach()`、`for`循环或jQuery的`$.each()`。 理解这些基础操作对于处理...

    前端展示json数据,格式化,可折叠展开

    当JSON数据结构复杂时,如何在网页上清晰、友好地展示就显得尤为重要。本主题将详细介绍如何在前端实现JSON数据的格式化展示,以及支持折叠和展开的功能。 首先,理解JSON的基本结构是至关重要的。JSON由键值对组成...

    JSON遍历方式实例总结

    在JavaScript中,我们可以利用不同的方法来遍历JSON对象或数组,这里结合具体的实例来详细总结了几种常见的遍历技巧。 1. 使用for循环进行遍历 for循环是JavaScript中最基本的循环结构之一,适用于遍历数组元素。在...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    3. 在前端处理返回的JSON数据:在$.ajax()方法的success回调函数中,返回的数据会被处理。这里使用了eval()函数来转换字符串形式的JSON数据为JavaScript对象。然而,在实际开发中,出于安全考虑,不建议使用eval()...

    js操作json

    JavaScript 操作 JSON ...JavaScript 提供了多种方法来操作 JSON 数据,包括将 JSON 对象转换为字符串、将字符串转换为 JSON 对象、遍历 JSON 数据等。了解 JSON 的基本概念和操作方法对于 Web 开发是非常重要的。

    json数据展现页面

    在网页中展示JSON数据通常涉及以下几个步骤: 1. **数据获取**:首先,你需要通过Ajax(Asynchronous JavaScript and XML)或者Fetch API从服务器获取JSON数据。这些API允许我们在不刷新页面的情况下向服务器发送...

    json格式的数据处理

    JSON基于JavaScript的一个子集,但并不依赖于JavaScript,任何支持JSON的编程语言都可以轻松解析和生成JSON数据。 在描述中提到的“json格式的数据处理比xml简单”,这主要体现在以下几个方面: 1. **语法简洁**:...

    jquery解析JSON数据的方法.docx

    当jQuery从服务器获取数据时,如果数据是以JSON格式返回的,我们可以使用几种方法来解析这些数据。 ### 1. 使用`eval()`函数 在jQuery早期版本和一些不支持JSON解析的浏览器中,经常使用`eval()`函数将JSON字符串...

Global site tag (gtag.js) - Google Analytics