JS对象的键值可以加单引号或者不加或者加双引号

　　JSON语法提供了一种更简单的方式来创建对象，可以避免书写函数，也可避免用new关键字，可以直接创建一个JS对象，使用一个花括号，然后将每个属性写成"key:value"的形式。

　　从JavaScript1.2开始，创建对象有了一种更快捷的语法:

　　格式如下:

            var p = {

                name: '张三',

                sex: '男',

                info: function() {

                    alert("这是函数格式！");

                }

            }

　　这种语法就是一种JSON语法。多个属性用英文逗号分割，属性名和属性值一:分割，最后一个属性后面不再有逗号。

　　属性值可以是普通字符串，也可以是任何基本数据类型，还可以是函数，数组，甚至可以是另外一种JSON语法的JS对象。

            var p = {

                'name': '张三',

                "sex": '男',

                age: 20,

                info: function() {

                    alert("这是函数格式！");

                },

                son: {

                    name: '张三儿子'

                }

            }

也可以用JSON语法创建数组，在早起的JS语法通过下面语法创建数组:

            //早期数组创建

            var a = new Array();

            a[0] = '张三';

            a[1] = '李四';

            //            早期方式二

            var a1 = new Array('张三', '李四');

JSON语法创建数组:

            //            JSON语法的数组

            var str = ['张三', '李四'];

JSON创建数组总是以英文括号[开始，以]结束，元素与元素之间以英文逗号(,)分割。

JSON创建JS对象案例一:

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>使用JSON语法创建对象</title>

        <script type="text/javascript">

            //JSON语法的JS对象

            var p = {

                'name': '张三',

                "sex": '男',

                age: 20,

                info: function() {

                    alert("这是函数格式！");

                },

                son: {

                    name: '张三儿子'

                }

            }

            alert(p);

            p.info();

            alert(p.son.name);

            //早期数组创建

            var a = new Array();

            a[0] = '张三';

            a[1] = '李四';

            //            早期方式二

            var a1 = new Array('张三', '李四');

            //JSON语法的数组

            var a2 = ['张三', '李四'];

            alert(a2[1]);

        </script>

    </head>

    <body>

    </body>

</html>

结果:依次弹出:

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAAlCAIAAAAP/RrWAAABoklEQVRoge2YUbKDIAxF2RErYkHZDYthP+99qJBAtDq1Xjq956vNCCZHCLbhjzxOQCfwi1A6AEoHQOkAKB0ApQOgdACUDoDSAVA6gHek5xSilLPheykSQ8pnw5OxLz2nEEI4KuEJ6UViqKhcPiB9LfjzC+ZY+ov077K7N0+RaBzk1L7etaS7eR7ZpTNLd8JF4hr7Cenr3jP7L6cQJdf9v12tE2/DuhW7BbNqH7Zct/7qaPlQZ/I2gOpMrRATVEWtl0wkPSeVd/uSU1fu8rkmXiTWCqoN3SPajE6lx9FF3pBgk67XjBlk98e0K73LRPvT8W2A9aKIUtyqLkjvVrqO13vWZ2tI2W1JXy59CLtt97z0Sz19uKc351dJP2wv4zW6veju3gbVMWL7UcertxentZn2orp7GhIqIs6OmUi6bRW2VUp/lu0cpN5c+oHtvCGbNtG/p8swk3+Qeoe4eXozHqTXeCZxn3ffJCeQ3q2uc3yt8xl+kV7nuaxHbJeYHP7LCIDSAVA6AEoHQOkAKB0ApQOgdACUDoDSAVA6AEoHQOkA/gGeAdvuAoun5AAAAABJRU5ErkJggg==" alt="" />  aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAbCAIAAAAVuDGOAAACFklEQVRoge2Yy3XEIAxF6UgVvYLUjYpRP2QB4mOE7ZlNjhLeJsczfDRcniQn5aOwSr8dwNH3OvAC68ALrAMvsA68wDrwAuvAC6wDL7AOvMA68ALrwAusAy+wgsBTJmKdP0iQZZwguRqGKpM7pK2vDNaclQnS/giW7QQ9pCU+V2WGIHmhf6Eg8Hx863k5Z9zOf79wupymMkGUCWx7eEsM8K53ZrNdm+GGmbMgvbgCXWHgFVqAbxs7iyfnKRMxt6svqI4TJHCz2jJ5XnaOoqzXtrCUsIvkDvEfhvdGT85rdi25S5AgdtyTu4QBqmSVKa2WsaVsmtG6N/ltvnyXfLtCwKtm8H7Ypfa9cp7VNtWJdTvasqYyQQTEwgDKV8P0ZlBitQcAt/T+Jbyccy8YMiSpT39tm1AXAeqBJ0hvTcYy17oXlGm2nQBAX2pkUj9Y0i+xjj3OTXRvFQ+ePV29uOsiJ/vZoF4i+y0we9nzdIwCy7L16+JK7bHMmPy4H6z3P+Ap09IprOP98jf69/oO4XUadde6ZfUds257x4u9psdNm/mlgsFzql/rGO3JbzxbLtzebbNFL6NjQRVsLfUBvNnr10g+fQMMAk+ZEtFTUpnQ7pz3kFiLBvKQVtaGtjPP8G7T5rS8MtWK6L6l/kF4QxOxPfbuwBf/ZvE0ps0501362cbsznkt1HXXtV5/qRjwjlwdeIF14AXWDw1RBH3K0Sg6AAAAAElFTkSuQmCC" alt="" />aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAAAWCAIAAABPD+kUAAABIklEQVRoge2YyxHEIAhA7YiKKIhuKMZ+3EMi4uazUWcnMMM7JRrJDs8P2VQCb6S3f0AwTDjzRzjzRzjzRzjzhwlnjKkClEthBMq1MxNsd5kgXYPc4mWCeqsudfejMFYx4UzYZYkzxt3iGD+cXQyZetUbmHXGBNOzfsyZJ12lFCPO1GZ13Bvn4j12tvquF7DiTOV4/ZgJZ//nO2+MQFlqD93+rHS4cXZfyLSlbhkjzvrkbw5PpD2OJwNjnf2ZmuCaR8apKkQP085OJ0E4W6MmW/KYCYatMab+604C9D3SGM5WaOsLiDAl5JIJRg6Yw+NqbZ1PgHA2hxQGsiXqqmLL9XX90Y7Cs4Wkiw7d2do9/PXRYcJZMEQ480c480c480c488cHKeyr8SH0fCcAAAAASUVORK5CYII=" alt="" />aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAAmCAIAAABiXtN7AAAA/ElEQVRoge3XwRHCIBBGYTrairYguqEY+tEDIWEM5KDBP5r3LnHwkvnATQwP0hXUN3Dr0FeGvjL0laGvDH1l6CtDXxn6ytBXhr4y9JWhrwx9ZegrQ18Z+srQV3ZF/RzNYu4th3GeBHf6adfQP4YNZS9ytIU4eVmp1+ar3+oa+k3Jg5mZu78ef/RnlnyZIGXylN9DM4LQn9PqXmrn/jKTPDXE6wf0z6vswfhhWom3zUF/Uru5U4lztG25bpgZ+qeVo3VeIXM0dw+Dl1H03607c3YD6IAY/RPrY/Jv6zsN9Tn7M1uPd2+4/2HX0r9b6CtDXxn6ytBXhr4y9JU9ATM5NiraHGZUAAAAAElFTkSuQmCC" alt="" />

使用JSON语法创建JS对象(重要)的更多相关文章

  1. JSON字符串和JS对象之间的转换

    JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象  JSON字符串 str JSON.parse(str) eval(str) eva ...

  2. 在这个看脸的世界，该如何优雅的创建JS对象

    Javascript是一门解释型的语言,是基于对象的,严格来说并不怎么符合的面向对象的标准,显著的特点就是函数就是“一等对象”,与传统的面向对象语言不同的时,Javascript有“一千种”方法来创建 ...

  3. JSON字符串和JS对象

    JSON和JS对象 一 JSON是什么 JSON是基于文本的,轻量的,用于数据交换的,一种格式. 可以看到JSON的定义里面有很多的定语,现在就每个限定解释一下: 1. 基于文本 这里的意思是相对于哪 ...

  4. JSON字符串与JS对象格式转换

    JSON通常用于服务器向客户端传送数据,传回来的JSON数据是字符串的形式,所以要转变为JS对象形式才方便我们使用. JSON字符串转变为JS对象:JSON.parse( ); JS对象转变为JSON ...

  5. 使用js把json字符串转为js对象的方法

    ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法. 1,eval方式解析,恐怕 ...

  6. JSON字符串和js对象转换

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON js数据类型: 字符串.数字 ...

  7. 创建js对象和js类

    //第一种定义方式 var person=new Object(); //创建了一个对象. person.name="tom"; //使用person对象对调用name属性,它的值 ...

  8. 创建js对象的属性和方法

    按照如下的创建对象的方法,可以节省内存.记录一下方便日后使用 <!Doctype html><html> <head> <title></titl ...

  9. JSON(JavaScript Object Notation, JS 对象标记)

    JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言 ...

随机推荐

  1. Mybatis 点点滴滴

    相比 Hibernate ,Mybatis 实在是学习门槛低多了. 1 . 类属性和表字段的自动对应 当向数据库中插入一行数据时,<insert>标签中的占位符#{}中的占位符的值写 mo ...

  2. oracle锁与死锁概念，阻塞产生的原因以及解决方案

    锁是一种机制,一直存在:死锁是一种错误,尽量避免.​ 首先,要理解锁和死锁的概念:​ 1.锁: 定义:简单的说,锁是数据库为了保证数据的一致性而存在的一种机制,其他数据库一样有,只不过实现机制上可能大 ...

  3. Linux的cut命令

    cut是一个选取命令,就是将一段数据经过分析,取出我们想要的.一般来说,选取信息通常是针对“行”来进行分析的,并不是整篇信息分析的. (1)其语法格式为:cut  [-bn] [file] 或 cut ...

  4. http2.0可行性研究

     一.http2比http1有了更多新特性 1.使用了多路复用的技术,并发量支持比http1大几个数量级: 2.二进制分帧,改善网络延迟情况,提高传输速率: 3.支持header的数据压缩,数据体积变 ...

  5. Openssl的编译安装以及Vs2012上环境搭建教程

    Openssl的编译安装以及Vs2012上环境搭建教程 一.Openssl的编译安装 一.准备工作 1.Openssl下载地址:https://www.openssl.org/source/ 2.Ac ...

  6. [CF1111E]Tree

    题目大意:给一棵$n(n\leqslant10^5)$个点的树,有$q(q\leqslant10^5)$次询问,每次询问给出$k,m,r$表示把以下$k$个点分成不超过$m$组,使得在以$r$为根的情 ...

  7. Unity3D手游开发日记(6) - 适合移动平台的水深处理

    市面上大部分的手机游戏,水面都比较粗糙,也基本没发现谁做过水深的处理. 水深的处理在PC平台比较容易,因为很容易获得每个像素的深度,比如G-Buffer,有了像素的深度,就能计算出每个像素到水面的距离 ...

  8. 洛谷 P1023 税收与补贴问题 (2000NOIP提高组)

    洛谷 P1023 税收与补贴问题 (2000NOIP提高组) 题意分析 一开始没理解题意.啰啰嗦嗦一大堆.看了别人的题解才明白啥意思. 对于样例来说,简而言之: 首先可以根据题目推算出来 28 130 ...

  9. [ZJOI2011]细胞——斐波那契数列+矩阵加速+dp

    Description bzoj2323 Solution 题目看起来非常复杂. 本质不同的细胞这个条件显然太啰嗦, 是否有些可以挖掘的性质? 1.发现,只要第一次分裂不同,那么互相之间一定是不同的( ...

  10. Codeforces 895.E Eyes Closed

    E. Eyes Closed time limit per test 2.5 seconds memory limit per test 256 megabytes input standard in ...