使用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>
复制代码

 

 

结果:依次弹出:

 

 

posted @   QiaoZhi  阅读(464)  评论(0)  编辑  收藏  举报
编辑推荐：
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示