`

使用eval动态访问json属性

阅读更多

假如有这样一个json对象:

json = {"name":"tiroc", "age":"25", "weight":"65"};

 有这样一个表格:

<table>
    <tr>
        <td>姓名</td>
        <td id="name" class="data"></td>
    </tr>
    <tr>
        <td>年龄</td>
        <td id="age" class="data"></td>
    </tr>
    <tr>
        <td>体重</td>
        <td id="weight" class="data"></td>
    </tr>
</table>

 以jQuery为例,可以这样将数据放入表格中:

var itemVal;
$(".data").each(function(){
    eval("itemVal = json." + this.id + ";");
    $(this).html(itemVal);
});

 可惜Javascript不能重载[ ],要不然写成ruby的hash那样就方便了json["属性名"]。

分享到:
评论

相关推荐

    javascript eval和JSON

    javascript eval和JSON之间的联系

    巧用eval解析json对象

    NULL 博文链接:https://toyota2006.iteye.com/blog/266116

    JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析

    JSON 和XML比较 json的长度和xml比起来更加短小 json读取速度更快 json可以使用JavaScript的内置方法直接进行解析,转化成javascript对象,非常方便。...//访问json对象数组的第一个对象的name属性 console.log(j

    js使用eval解析json(js中使用json)

    eval的用法eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句,下面给出eval解析json的示例

    JS使用eval解析JSON的注意事项分析

    本文较为详细的分析了JS使用eval解析JSON的注意事项。分享给大家供大家参考,具体如下: 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval&#40;&#41;函数。 2. 使用Function对象来进行...

    javascript中eval解析JSON字符串

    我们都知道,高级浏览器可以用 JSON.parse() API 将一个 JSON 字符串解析成 JSON 数据,稍微欠妥点的做法,我们可以用 eval&#40;&#41; 函数。 var str = '{"name": "hanzichi", "age": 10}'; var obj = eval&#40;'...

    json2 json

    使用thisfile recommended.json_parse.js:该文件包含替代JSON的parse函数thatuses递归下降而不是eval.json_parse_state.js:此文件包含替代JSON的parse函数thatuses状态机器代替eval.cycle.js:这个文件包含了两个...

    json2 js json格式处理包

    json2.js:该文件在全局对象中创建一个JSON属性(如果还没有的话),将其值设置为一个包含stringify的对象方法和解析方法。parse方法使用eval方法进行解析,并使用几个正则表达式对其进行保护意外的代码执行风险。在...

    js使用eval解析json实例与注意事项分享

    eval函数在js中有不少用处了,下面我来给各位朋友介绍eval解析json的实例,基于这个实例我们引出来在eval处理json数据时的一些注意事项,希望文章对各位同学会有所帮助

    js下用eval生成JSON对象.docx

    js下用eval生成JSON对象.docx

    javascript中eval解析JSON字符串.docx

    javascript中eval解析JSON字符串.docx

    使用sessionStorage保存与获取json对象

    将json对象使用JSON.stringify(JsonObject)方式转换...然后从 sessionStorage或localStorage 中取出对应的字符串,使用eval或JSON.parse将字符串转换为json对象。其中使用eval做转换时,需要在字符串的前后加入"("和")

    jquery eval解析JSON中的注意点介绍

    使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用...

    JSON2.JS JSON.JS JSON_PARSE.JS

    json2.js: This file creates a JSON property in the global object, if there isn't already one, setting its value to an object containing a stringify method and a parse method. The parse method uses ...

    JSON入门与实战

    JSON(JavaScript Object ...规范描述出的字符串已是 JavaScript 的原生代码串,这使之能通过 eval 动态 的在 JSON 串与 JavaScript 对象之间进行转换。如果夸大来说,它是另一种理想 的但 有别于 XML 数据交换语言。

    javascript巧用eval函数组装表单输入项为json对象的方法

    主要介绍了javascript巧用eval函数组装表单输入项为json对象的方法,实例分析了JavaScript使用eval函数动态构造json对象的相关技巧,需要的朋友可以参考下

    json2.js 字符串转转json对象工具

    json字串 解析成jsonObject的工具,替代eval方法使用 IE8以上浏览器貌似自带 JSON.stringify

Global site tag (gtag.js) - Google Analytics