Javascript中JSON方法创建对象_javascript入门教程

当前位置：首页 > 脚本编程 > javascript > javascript入门教程 > 正文

Javascript中JSON方法创建对象: 发布时间：2019-11-15编辑：脚本学堂

本文介绍下，在javascript中，通过json创建对象的方法，有需要的朋友参考下。

JSON(javascript Object Notation)是一种优美的JavaScript对象创建方法。
JSON也是一种轻量级数据交换格式。
JSON非常易于人阅读与编写，同时利于机器解析与生成。JSON是在AJAX中代替XML交换数据的更佳方案。

提示: JSON定义法类似于直接定义法，JSON定义法就是将直接定义法定义的函数与属性放到大括号中，并且去掉属性与函数签名的对象名，把等于号改为了冒号，每行后面改为逗号！

JSON格式与语法

复制代码代码示例:

var jsonobject=
{
//对象内的属性语法(属性名与属性值是成对出现的)
propertyname:value,

//对象内的函数语法(函数名与函数内容是成对出现的)
functionname:function(){...;}
};

jsonobject -- JSON对象名称
propertyname -- 属性名称
functionname -- 函数名称
一对大括号，括起多个"名称/值"的集合
JSON使用"名称/值"对的集合表示，也可以被理解为数组(Array)
属性名或函数名可以是任意字符串，甚至是空字符串。
逗号用于隔开每对"名称/值"对

示例

复制代码代码示例:

var site =
{
        URL : "www.jb200.com",
        name : "脚本学堂",
        englishname : "dreamdu",
        author : "脚本学堂",
        summary : "免费的网页设计教程",
        pagescount : 100,
        isOK : true,
        startdate : new Date(2005, 12),
        say : function(){document.write(this.englishname+" say : hello world!")},
        age : function(){document.write(this.name+"已经"+((new Date().getFullYear())-this.startdate.getFullYear())+"岁了!")}
};

上面就是一个典型的JSON表示的JavaScript对象，对象的名称为dreamdu，每个名称与值使用冒号:分割，例如名称author对应值monkey，名称age对应值5.

另一个例子：

复制代码代码示例:

var circle = { x:6, y:8, r:5 };

上面定义了一个x坐标为6，y坐标为8，半径为5的元。

嵌套JSON对象定义

复制代码代码示例:

var sites =
{
        count: 2,
        language: "chinese",
        baidu:
        {
                URL: "www.baidu.com",
                name: "百度",
                author: "baidu",
                say : function(){document.write(this.name+" say hello")}
        },
        dreamdu:
        {
                URL: "www.jb200.com",
                name: "脚本学堂",
                author: "monkey",
                say : function(){document.write(this.name+" say hello")}
        }
};

以上例子中sites的JSON表示法中还包含了2个小的JSON表示法，因此JSON表示法是可以嵌套的。

上一篇：jquery获取iframe中的dom对象的方法分享
下一篇：构造函数创建JavaScript对象的方法分享

与 Javascript中JSON方法创建对象有关的文章

本文标题：Javascript中JSON方法创建对象
本页链接：http://www.jb200.com/article/10525.html

浏览排行

栏目分类

热点文章

Javascript中JSON方法创建对象