1. 程式人生 > >使用JSON語法創建JS對象(重要)

使用JSON語法創建JS對象(重要)

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對象(重要)