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. CentOS卸载系统自带的OpenJDK并安装Sun的JDK的方法

    查看目前系统的jdk: rpm -qa | grep jdk 得到的结果: [root@dc-01 java]#  rpm -qa | grep jdk java-1.6.0-openjdk-1.6. ...

  2. Android性能测试工具APT

    APT源码地址:https://code.csdn.net/Tencent/apt APT,Android Performance Testing Tools,适用于开发自测和定位性能瓶颈,帮助测试人 ...

  3. ios 中不new Date 的格式 不支持年月日 以‘-’ 分割的格式

    new Date("2018-1-5") 在 ios 中显示 invalid date - 换做 / 则可以顺利显示 new Date("2018/1/5")

  4. BZOJ 2118 墨墨的等式(最短路)

    很开拓眼界的题.. 题意:给出一个n元一次方程形如a1*x1+a2*x2...+an*xn=B,求满足解集为非负整数的B值在[L,R]范围内的种数.(n<=12,ai<=5e5,L< ...

  5. 【bzoj4487】[Jsoi2015]染色问题 容斥原理

    题目描述 棋盘是一个n×m的矩形,分成n行m列共n*m个小方格.现在萌萌和南南有C种不同颜色的颜料,他们希望把棋盘用这些颜料染色,并满足以下规定: 1.  棋盘的每一个小方格既可以染色(染成C种颜色中 ...

  6. CPP 替代 PIL 图片处理（缩略图生成）

    python中使用PIL(Pyhton Image Library)进行图片处理,好处就是编写简单方便,但是不能很好利用机器多核的特点,于是在项目中决定使用cpp来实现图片处理. 项目中的图片处理主要 ...

  7. DAVY的神龙帕夫——读者的心灵故事|十二橄榄枝的传说

    再次听Puff的时候我想起了Davy. 文理分班后我坐到了他后面.Davy天生一头黄毛,黑头发”not even one”.上课时他若不是肆无忌惮地舒开四肢呼呼大睡,便是如受惊一般伸长他的细脖子,直挺 ...

  8. 【纪念】NOIP2018后记——也许是一个新的起点

    如果你为了失去太阳而哭泣,那么你也将失去星星和月亮. —— 泰戈尔<飞鸟集> NOIP结束了,我挂了一道题……曾经在心中觉得怎么都不会考到的分数,就这么冷冷的出现在了我的成绩单上.的确是比 ...

  9. Eclipse在线安装spring-tool-suit插件

    查看eclipse版本:Help–>About Eclipse;如图1所示. 访问http://spring.io/tools/sts/all,复制在线安装url地址,不要下载ZIP文件,复制链 ...

  10. 代码收藏系列--mysql--创建数据库、数据表、函数、存储过程命令

    创建mysql数据库 CREATE DATABASE IF NOT EXISTS `database_name` DEFAULT CHARSET utf8 COLLATE utf8_general_c ...