使用JavaScript操作JSON对象

时间:2019-01-11
本文章向大家介绍使用JavaScript操作JSON对象,主要包括使用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>
  • 这种对象的定义形式往往出现在一些数据的传输配置上.