JS-09.对象-JSON

发布于:2024-08-09 ⋅ 阅读:(130) ⋅ 点赞:(0)

JavaScript自定义对象

一、定义格式:

            var 对象名 = {

                属性名1:属性值1,

                属性名2:属性值2,

                属性名3:属性值3,

                函数名称:function(形参列表){}

            };

二、调用格式:

            对象名.属性名;

            对象名.函数名();

三、JSON-介绍

            概念:JavaScript对象标记法

            JSON是通过JavaScript对象标记法书写的文本

            由于其语法简单,层次结构鲜明,现多用于作为数据载体,在网络中进行数据传输

四、JSON-基础语法

     定义:

            var 变量名 = '{"key1":value1,"key2",value2}'

     示例

            var userStr = '{"name":"Jerry","age":18,"addr":["北京","上海","西安"]}';

     JSON字符串转为JS对象

            var jsObject = JSON.parse(userStr);

     JS对象转为JSON字符串

            var jsonStr = JSON.stringify(jsObject);

     value的数据类型为:

            数字(整数或浮点数)

            字符串(在双引号中)

            逻辑值(true或false)

            数组(在方括号中)

            对象(在花括号中)

            null

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-对象-JSON</title>
</head>
<body>
    <script>
        /* 
            JavaScript自定义对象
            定义格式:
            var 对象名 = {
                属性名1:属性值1,
                属性名2:属性值2,
                属性名3:属性值3,
                函数名称:function(形参列表){}
            };
            调用格式:
            对象名.属性名;
            对象名.函数名();
            JSON-介绍
            概念:JavaScript对象标记法
            JSON是通过JavaScript对象标记法书写的文本
            由于其语法简单,层次结构鲜明,现多用于作为数据载体,在网络中进行数据传输
            JSON-基础语法
            定义:
            var 变量名 = '{"key1":value1,"key2",value2}'
            示例
            var userStr = '{"name":"Jerry","age":18,"addr":["北京","上海","西安"]}';

            JSON字符串转为JS对象
            var jsObject = JSON.parse(userStr);

            JS对象转为JSON字符串
            var jsonStr = JSON.stringify(jsObject);
            value的数据类型为:
            数字(整数或浮点数)
            字符串(在双引号中)
            逻辑值(true或false)
            数组(在方括号中)
            对象(在花括号中)
            null
        */
        var user = {
            name:"张三",
            age:18,
            gender:"male",
            /* eat:function(){
                alert("用膳");
            } */
            /* eat:() => {
                alert("用膳");
            } */
            eat() {
                alert("用膳");
            }
        };

     /*    alert(user.name);
        alert(user.age);
        alert(user.gender);
        user.eat();
         */
        var jsonStr = '{"name":"小白","age":18,"gender":"男","address":["北京","南京","上海"]}';

        var jsObject = JSON.parse(jsonStr);
        alert(jsObject.name);
        alert(jsObject.age);
        alert(jsObject.gender);
        alert(jsObject.address);
        
        var jsonString = JSON.stringify(jsObject);
        alert(jsonString);
    </script>
</body>
</html>


网站公告

今日签到

点亮在社区的每一天
去签到