使用JSON語法創建JS對象(重要)
阿新 • • 發佈:2017-08-13
clas abp yii 依次 abi 使用 span 早期 ilb
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>
結果:依次彈出:
使用JSON語法創建JS對象(重要)