遍历JSON的三种方法

遍历JSON的三种方法

2018年05月12日 07:46:37 阅读数:598更多

个人分类: java

JSON 
一、JSON 语法规则 
对象表示为键值对 
数据由逗号分隔 
花括号保存对象 
方括号保存数组 
1.JSON 键值对是用来保存 JS 对象的一种方式,和 JS 对象的写法也大同小异,键/值对组合中的键名写在前面并用双引号 “” 包裹,使用冒号 : 分隔,然后紧接着值:{“firstName”: “John”} 
JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。 
如:var obj = {a: ‘Hello’, b: ‘World’}; //这是一个对象,注意键名也是可以使用引号包裹的 
var json = ‘{“a”: “Hello”, “b”: “World”}’; //这是一个 JSON 字符串,本质是一个字符串

JSON 和 JS 对象互转 
要实现从对象转换为 JSON 字符串,使用 JSON.stringify() 方法: 
var json = JSON.stringify({a: ‘Hello’, b: ‘World’}); //结果是 ‘{“a”: “Hello”, “b”: “World”}’ 
要实现从 JSON 转换为对象,使用 JSON.parse() 方法: 
var obj = JSON.parse(‘{“a”: “Hello”, “b”: “World”}’); //结果是 {a: ‘Hello’, b: ‘World’}

取值(通用型):json[‘key’] 
for(attr in json)中的attr获取到的是json中属性的名字,是个字符串

遍历 
1. 简单的JSON对象进行遍历

// 遍历简单json对象 
function traverseJsonSimpleObj(){ 
var jsonObj = {“name”: “kevin”, “age”: 27, “sex”: “男”, “city”: “shenzhen”}; 
for(var key in jsonObj){ 
var html = “

” 
html += (key + ’ : ’ + jsonObj[key]); 
html += “

“; 
$(“#out”).append(html); 


2. 遍历json数组,元素为json对象

function traverseJsonArray(){ 
var jsonArray = [{“name”: “kevin”, “age”: 27, “sex”: “男”, “city”: “shenzhen”}, 
{“name”: “kevin2”, “age”: 28, “sex”: “男”, “city”: “beijing”}]; 
//alert(‘JSON.stringify(jsonArray) = ’ + JSON.stringify(jsonArray)); 
for(var i=0; i

猜你喜欢

转载自blog.csdn.net/qq_34802511/article/details/82505752