使用JSON语法创建JS对象(重要)
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对象(重要)的更多相关文章
- JSON字符串和JS对象之间的转换
JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象 JSON字符串 str JSON.parse(str) eval(str) eva ...
- 在这个看脸的世界,该如何优雅的创建JS对象
Javascript是一门解释型的语言,是基于对象的,严格来说并不怎么符合的面向对象的标准,显著的特点就是函数就是“一等对象”,与传统的面向对象语言不同的时,Javascript有“一千种”方法来创建 ...
- JSON字符串和JS对象
JSON和JS对象 一 JSON是什么 JSON是基于文本的,轻量的,用于数据交换的,一种格式. 可以看到JSON的定义里面有很多的定语,现在就每个限定解释一下: 1. 基于文本 这里的意思是相对于哪 ...
- JSON字符串与JS对象格式转换
JSON通常用于服务器向客户端传送数据,传回来的JSON数据是字符串的形式,所以要转变为JS对象形式才方便我们使用. JSON字符串转变为JS对象:JSON.parse( ); JS对象转变为JSON ...
- 使用js把json字符串转为js对象的方法
ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法. 1,eval方式解析,恐怕 ...
- JSON字符串和js对象转换
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON js数据类型: 字符串.数字 ...
- 创建js对象和js类
//第一种定义方式 var person=new Object(); //创建了一个对象. person.name="tom"; //使用person对象对调用name属性,它的值 ...
- 创建js对象的属性和方法
按照如下的创建对象的方法,可以节省内存.记录一下方便日后使用 <!Doctype html><html> <head> <title></titl ...
- JSON(JavaScript Object Notation, JS 对象标记)
JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言 ...
随机推荐
- 关于ADO一个容易被忽视的问题!UpdateBatch [问题点数:0分]
这是一个常见但容易被忽视的问题,旧贴有问及但没答案,因此提高分数.相信大家常这样使用Cache模式:ADOConnection1.BeginTrans;Try ADODataSet1.UpdateBa ...
- bzoj3517 翻硬币
题意 有一个n行n列的棋盘,每个格子上都有一个硬币,且n为偶数.每个硬币要么是正面朝上,要么是反面朝上.每次操作你可以选定一个格子(x,y),然后将第x行和第y列的所有硬币都翻面.求将所有硬币都变成同 ...
- 【转】ssh免密码登录的原理
工作第一天,就需要登录各种服务器,免密码登录无疑能大大的提高工作效率.以前只知道配置,今天了解了下原理. 免密码登录原理 图解,server A免登录到server B: 1.在A上生成公钥私钥. 2 ...
- Best Reward HDU - 3613(马拉车+枚举+前缀和)
题意: 给你一串字符串,每个字符都有一个权值,要求把这个字符串在某点分开,使之成为两个单独的字符串 如果这两个子串某一个是回文串,则权值为那一个串所有的字符权值和 若不是回文串,则权值为0 解析: 先 ...
- [HNOI2014]江南乐 博弈论
题面 题面 题解 首先我们知道一个关于除法的重要性质:对于一个固定的\(i\),表达式\(\frac{i}{m}\)的取值只有根号个. 因此我们考虑如何优化SG函数的求解. 观察到在取值相同的同一段中 ...
- Opencv2.4.9+win7+VS2012一次性配置的方法--通过建立属性表永久配置
Opencv的配置对于初学者很麻烦,网上的教程也非常多,针对不同的操作系统.opencv版本.Visual studio版本都有相应的教程,但即便是按照教程一步一步来,仍然难免出错,很多教程还是一次性 ...
- 【移动支付】.NET支付宝App支付接入
一.前言 最近也是为了新产品忙得起飞,博客都更新的慢了.新产品为了方便用户支付,需要支付宝扫码接入.这活落到了我的身上.产品是Windows系统下的桌面软件,通过软件生成二维码支付.界面 ...
- 【BZOJ1396】识别子串&【BZOJ2865】字符串识别(后缀自动机)
[BZOJ1396]识别子串&[BZOJ2865]字符串识别(后缀自动机) 题面 自从有了DBZOJ 终于有地方交权限题了 题解 很明显,只出现了一次的串 在\(SAM\)的\(right/e ...
- 解题:APIO 2008 免费道路
题面 我们发现我们可以很容易知道最终完成的生成树中有多少鹅卵石路,但是我们不好得到这棵生成树的结构,所以我们尽量“谨慎”地完成生成树·,最好是一点点加到我们要达到的标准而不是通过删掉一些东西来完成 我 ...
- pasty公式
sklearn实战-乳腺癌细胞数据挖掘(博主亲自录制视频) https://study.163.com/course/introduction.htm?courseId=1005269003& ...