使用JSON语法创建JS对象(重要)

时间:2023-03-10 07:29:42
使用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="" />