JSON字符串解析

本文介绍了JavaScript中JSON对象的基本定义方法及如何将JSON字符串转换为JSON对象的两种方式:使用eval函数和JSON.parse方法。文章还对比了两种方法的安全性和适用性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、JSON对象

JS可以按以下方式定义对象:

    var obj =
    {
        id: 
2,
        name: 
'n'
    };

    这样就定义了对象 obj, 它有两个公共属性id和name,可以用 obj.id 的方式直接访问其属性值。

    从服务器获取数据时往往不止一个对象,这就需要用到对象数组,JS中对象数组可以用 [] 来定义,如下:

        var objs = [{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}];
        alert(objs[
0].id);

    这样就定义了对象数组 objs, 它包含两个对象,可以用索引来访问,如 objs[0] 将引用到第一个对象。

二、JSON字符串转JSON对象

    你或许已经想到服务器返回的字符串格式是怎样的,但字符串毕竟是字符串,我们需要将其转换为可以利用JS操作的变量。

    1.第一种方法:

    用到 eval 函数,请看下例:

        var objs = eval("[{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}]");
        alert(objs[
0].id); // return 1
    好了,服务器端你只要以格式:[{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}] 返回字符串,
    在客户端就可以利用 eval() 执行返回的字符串,获得对象数组。
          但是如果eval中的内容含有恶意脚本就麻烦了
    2.第二种方法: 

          var vjson = JSON.parse(jsonstr):

            支持IE8和fireFox3这两个有内置json对象的浏览器;其他浏览器要引入json.js文件

            <script src="js/json.js"></script>  
            <script language="javascript">  
                var t = JSON.parse('{"name":123}');  
                alert(t.name);  
            </script> 
            安全,解析速度也很快。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值