使用JavaScript操作JSON对象

在页面中实例化JSON对象

  • 在JavaScript之中专门支持JSON的数据操作,而且对于JSON的支持操作有两种

    • 可以直接定义JSON对象
    • 可以利用eval()函数实现字符串转换为JSON对象的处理操作
  • 在程序里面如果JSON数据不以字符串的形式处理,那么就表示一个JSON对象

  • 示例:在页面中使用JSON对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Javascript_json</title>
    <script type="text/javascript">
        var jsonobj = {"name":"Maoshu","age":22,"sex":"男"}
        alert("姓名:"+jsonobj.name+"年龄:"+jsonobj.age+"性别:"+jsonobj.sex);

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

  • 实际上在JSON里面除了可以定义一些数据之外,也可以定义函数
  • 示例:在JSON中定义函数
    <script type="text/javascript">
        var jsonobj = {
            "name":"Maoshu",
            "age":22,
            "sex":"男",
            "add":function(x,y){
                return x+y;
            }
        };
        alert(jsonobj.add(10,20));

    </script>
  • 页面执行结果

在这里插入图片描述

  • 那么除了这些之外也可以定义数组
  <script type="text/javascript">
        var jsonobj = {
            "name":"Maoshu",
            "age":22,
            "sex":"男",
            "add":function(x,y){
                return x+y;
            }
            //定义数组
            "skill":["java","Oracle","Photoshop"]
        };
        for (var i = 0; i < jsonobj.skill.length; i++) {
            alert(jsonobj.skill[i]);
        }

    </script>
  • 这种对象的定义形式往往出现在一些数据的传输配置上.

猜你喜欢

转载自blog.csdn.net/qq_43386754/article/details/86302030