JS中json对象和json字符串总结

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

一、json数据的两种结构

1、一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间运用 “,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不须要。

//例如:
var item = { 
    "id": "1",
    "x":"397445.131551636",
    "y":"3106348.023706388",
    "url":"img/CircleRed32.png"
};

2、 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间运用 “,”(逗号)分隔。

//例如:
var chartData = [{
                year: 1994,
                cars: 1587,
                motorcycles: 650,
                bicycles: 121
            }, {
                year: 1995,
                cars: 1567,
                motorcycles: 683,
                bicycles: 146
            }, {
                year: 1996,
                cars: 1617,
                motorcycles: 691,
                bicycles: 138
            }];

二、json字符串转换为json对象

a、json字符串转换为json对象
//假设str是json字符串
var obj = eval('(' + str + ')');//方法一
var obj = str.parseJSON();//方法二
var obj = JSON.parse(str); //方法三

alert(obj.name);
alert(obj.sex);

特别留心:如果obj本来就是一个json对象,那么运用 eval()函数转换后(哪怕是多次转换)还是json对象,但是运用 parseJSON()函数处理后会有疑问(抛出语法异常)。

b、json对象转换为json字符串

可以运用 toJSONString()或者全局要领 JSON.stringify()将JSON对象转化为JSON字符串。

var last=obj.toJSONString();
var last=JSON.stringify(obj);
alert(last);

上面的函数方法中,除了eval()函数是js自带的之外,其他的多个要领都来自json.js包。并且新版本的 json 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要领,则说明您的json包版本太低。

上面的转换失败了的话
var data;
var json='[{"CityId":18,"CityName":"西安","ProvinceId":27,"CityOrder":1},{"CityId":53,"CityName":"广州","ProvinceId":27,"CityOrder":1}]';
eval("data="+json); 
alert(data);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值