javascript中的json及对象

JSON即Javascript对象表示方法（Javascript Object Notation），也就是通过字面量来表示一个对象：

//JSON形式创建一个对象
var arthinking = {
    username : "Jason",
    password : "123",
    favorite : {
        sports : "football",
        music : "Guitar"
    }
}
alert(arthinking.username);
alert(arthinking.favorite.sports);

这种写法比较简洁，大多数有经验的Javascript程序员都更倾向于这种写法，jQuery、ExtJS都大量使用了JSON。

JSON格式数据本身是可以递归的，可以表达任意复杂的数据类型。

JSON的写法很简单：用花括号括起来的键值对，键值对通过冒号隔开，值可以是任意的Javascript对象。

作为一种前端和服务器端数据交换的格式，前端通过AJAX发送JSOn对象到服务器，服务器端通过脚本对JSON进行解析，还原成服务器端的对象，进行处理，然后在通过JSON数据形式返回给客户端信息。这样使用同一种数据格式，可以降低出错率。

JSON的另一个应用场景是当一个函数拥有多个返回值时，可以不用按照传统面向对象编程那样返回对象，而是直接返回JSON格式的数据即可。

//使用JSON作为函数的返回值
function position(left, top){
    this.left = left;
    this.top = top;
    return {
        left : this.left,
        top : this.top
    };
}
alert(position(10, 10));

可以这样逐个循环获取JSON中的数据：

var json  = position(10, 10);
for(var key in json){
    alert(key +" : " + json[key]);
}

关注我

我的微信公众号：前端开发博客，在后台回复以下关键字可以获取资源。

• 回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF
• 回复「Vue脑图」获取 Vue 相关脑图
• 回复「思维图」获取 JavaScript 相关思维图
• 回复「简历」获取简历制作建议
• 回复「简历模板」获取精选的简历模板
• 回复「加群」进入500人前端精英群
• 回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。
• 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识，加我微信:caibaojian89 交流