`
chenzhengjun
  • 浏览: 7315 次
  • 性别: Icon_minigender_1
  • 来自: 温州
社区版块
存档分类
最新评论

js操作json数据的一些感受

阅读更多

      最近在搞 json 数据传输,直接用的 javascript 对数据进行操作。json数据为:

      var json ={ "global":"200", "camera":[{"key2":"F5.6","key3":"35mm" }], "jam":[ {"Red":"100"}, {"Yellow":"300"}, {"Green":"500"}] };

      现在我想要的效果是 根据“global”、“camera”、“jam”这些 key 值来遍历里面的内容,而且这些 key 事先是不定的,根据传递过来的参数确定 key 值。
     js 函数为 :
funciton test(id){
   // id 为传进来的key值

  for(var item in json[id])
     {
           for(var key in json[id][item])
             alert("key=" + item + "value=" + json[id][item][key] );
      }
}
    
      这样就可以得到最外层 key 值为 id 的object中的 key 值和对应的 value 了。
      起初看 json 取数据时,看似很简单,只要知道key值便可以,比如 json.global、json.camera.key2、json.jam.Red ,但这些是通过“.”这个操作符实现的,必须确定key 值,而且这个 key 值无法通过变量来改变(或许可以,但是我还不知道)。
      其实后来我发现,用“.” 这个操作符操作,是把数据当做是一个 object 来操作了,而如果通过“[]”来操作,便把数据当做是list,所以每个“{ }”便是一个元素。
      global的第一个元素 json["global"][0]为“200”,再用[]取值得到“2”、“0”、“0”;
      json["camera"][0]为{"key2":F5.6,"key3":35mm},取到的值分别为json["camera"][0]["key2"]=F5.6和json["camera"][0]["key3"]=35mm;
      而jam取到的为 json["jam"][0]["Red"]=100, json["jam"][1]["Yellow"]=300, json["jam"][2]["Green"]=500。
分享到:
评论

相关推荐

    JSONedit -----json校验

    JSONedit是一款专为JSON数据处理设计的工具,它集成了数据美化、编辑和校验功能,极大地提升了开发者在处理JSON格式数据时...通过熟练掌握它的使用,开发者可以在日常工作中更有效地管理和操作JSON数据,提升工作效率。

    JSONVIEW Chrome格式化json插件

    1. **JSON (JavaScript Object Notation)**: JSON 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它是基于 JavaScript 语言的一个子集,但被广泛用于多种编程语言之间进行数据交换。 2...

    JSON的学习总结(总结+源码)

    在客户端,比如JavaScript,可以使用`fetch` 或 `XMLHttpRequest` 发送JSON数据到服务器,并用`JSON.parse()`解析服务器返回的JSON响应。 **总结** JSON的学习涉及其基本语法、JSONObject和JSONArray的使用,以及...

    新浪微博表情1640个,带json引用

    2. **JSON(JavaScript Object Notation)**:JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在这个压缩包中,表情的引用是通过JSON文件来实现的。JSON文件通常包含键值对,其中键...

    Node.js实现Excel转JSON

    Node.js实现Excel转JSON的过程涵盖了多个知识点,下面将从Node.js、Excel文件处理、JSON格式以及...通过这种方式,文章成功地传递了Node.js在实际项目中处理Excel文件转换到JSON数据并最终存储到数据库中的完整流程。

    JavaScript通过Web Service实现AJAX无刷新数据交互

    在上述代码中,我们创建了一个XMLHttpRequest对象,设置请求方法为POST,URL指向Web Service的Web方法,同时设置了请求头以发送JSON数据。当请求完成后,我们解析返回的JSON数据并在控制台中打印。 结合ASP.NET的...

    成语词典数据库json格式,有成语拼音造句

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在成语词典数据库中,JSON格式被用来存储和组织大量成语的相关信息,包括成语的汉字、拼音、典故、...

    中国各大城市和县区快速选择js插件

    插件内包含了完整的中国城市和县区的数据,这些数据可能以JSON格式存储,包括城市名、拼音、所属省份等信息。在用户输入时,插件会实时比对输入的字符与数据中的城市拼音,快速找到匹配项并更新显示列表。 此外,这...

    JavaScript-端午节大礼包

    JavaScript提供了`JSON.parse`和`JSON.stringify`来处理JSON数据,可以学习如何将数据从服务器获取并显示在页面上。 6. AJAX异步通信:为了实现与服务器的交互,JavaScript的AJAX技术可能被应用。通过`...

    浅析ajax请求json数据并用js解析(示例分析)

    自从接触了jquery就喜欢上了前端开发,而且深深感受到了前端开发的强大与重要之处。同时也想为asp.net鸣不平,事实上asp.net并没有臃肿,说它臃肿的人无非是那些不了解它的人,可能他们看见过一些asp.net低级程序员...

    PYTHON实现将数据库中多级菜单表读取后输出JSON.docx

    4. JSON数据格式转换,将菜单数据转换成JSON对象。 5. 数据结构优化,通过一次性加载所有数据到内存提高查询效率。 6. 遍历和处理数据列表,构建多级菜单结构。 这个功能在实际的互联网应用开发中非常常见,特别是...

    基于Cesium时空数据可视化后台Java SSM框架.zip

    使用Cesium的JavaScript API,我们可以根据接收到的JSON数据创建点、线、面等几何体,以及动画效果。例如,`Cesium.Entity`类可以用来表示地理实体,`Cesium.TimeIntervalCollection`可以用于展示随时间变化的数据...

    基于Mootools库的Web分页技术实现.doc

    在这个方案中,存储过程首先在数据库端获取指定页的数据,然后转换为JSON(JavaScript Object Notation)格式发送到Web服务器,Web服务器再将JSON数据推送给客户端。客户端通过JavaScript处理这些数据,实现局部刷新...

    zTree文件夹演示选择菜单效果

    最后,通过JavaScript调用zTree的初始化方法,将JSON数据传递给zTree,完成树的渲染。 ```javascript $(function() { var setting = { check: { enable: true, autoCheckTrigger: true }, data: { simple...

    2022 最新 弹幕播放器源码 支持对接苹果cms接口蓝光json接口

    蓝光通常代表高清晰度的视频质量,而JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。通过蓝光JSON接口,弹幕播放器可以接收到蓝光级别的视频流,并以...

    CSS+JS 韩国商品购物车列表展示特效

    6. **JSON数据格式**:商品信息可能以JSON格式存储,便于JavaScript处理和渲染。 7. **jQuery库**:虽然标签没有提及,但很多开发者会使用jQuery简化DOM操作和事件处理,尤其是对于老版本的浏览器兼容性问题。 8. ...

    基于jqgrid实现树形菜单分页列表查询

    在IT行业中,前端数据展示是用户...开发者需要对jQuery和前端数据处理有一定的了解,同时掌握AJAX通信和JSON数据格式。通过这样的实现,用户可以更方便地在大量数据中找到所需信息,提高了网页应用的交互性和用户体验。

    静态页面js分页实例

    总的来说,JavaScript分页是前端开发中的重要技能,它要求开发者具备良好的DOM操作能力、事件处理经验以及一定的数据处理逻辑。通过实践和理解上述知识点,你可以创建出高效且用户体验优秀的静态页面分页功能。

    10种 js web分页效果

    同时,了解Ajax和JSON数据格式以实现异步数据交换。对于更复杂的动画和响应式设计,还需要熟悉CSS3和HTML5的新特性。在实际应用中,可以利用现有的分页插件或库,如jQuery Pagination、Bootpag、Paging.js等,它们...

Global site tag (gtag.js) - Google Analytics