JavaScript中json使用自己总结

 更新时间:2013年08月13日 18:54:28   作者:  
JavaScrip中json想必大家早已如雷贯耳,下面把自己的使用心得与大家分享下,希望对大家学习json有所帮助
自己总结json的使用:
复制代码 代码如下:

var json = { "100_3322.JPG": { "name": "小张", "height": 175 },
"100_3396.JPG": { "name": "小王", "height": 165 },
"100_3444.JPG": { "name": "貂蝉", "height": 185 }, "100_3543.JPG": { "name": "西施", "height": 190 }
};

key获取的是100——3322.JPG 等

key.name 获取的是 小张等

key.height获取的是 175等

================================================
复制代码 代码如下:

var json = [{ "name": "baidu", "href": "http://www.baidu.com" }, { "name": "cnbeta", "href": "http://www.cnbeta.com" }, { "name": "cnblogs", "href": "http://www.cnblogs.com"}];

可以在遍历的时候使用

json[i].href 获取每个链接值

json[i].name 获取每个链接名称

================================================
复制代码 代码如下:

var json = { "河北省": ["石家庄", "邯郸", "保定"],
"河南省": ["郑州", "洛阳", "安阳"],
"山东省": ["济南", "青岛", "德州"]
}

key 获取 河北省 等

json[key] 获取 河北省 下面的数组内容 ["石家庄", "邯郸", "保定"]

相关文章

  • 详解JavaScript ES6中的Generator

    详解JavaScript ES6中的Generator

    这篇文章主要介绍了详解JavaScript ES6中的Generator,ES6版本的JS带来了诸多简洁化的改善,需要的朋友可以参考下
    2015-07-07
  • Javascript学习笔记8 用JSON做原型

    Javascript学习笔记8 用JSON做原型

    在Javascript学习笔记5 类和对象中,我简单地提到了利用JSON去构造一个对象。
    2010-01-01
  • 深入解析JavaScript中的数字对象与字符串对象

    深入解析JavaScript中的数字对象与字符串对象

    这篇文章主要介绍了JavaScript中的数字对象与字符串对象,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
    2015-10-10
  • JavaScript预编译和执行过程详解

    JavaScript预编译和执行过程详解

    本文详细讲解了JavaScript预编译和执行过程,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • 浅谈JavaScript的对象类型之function

    浅谈JavaScript的对象类型之function

    这篇文章主要介绍了浅谈JavaScript的对象类型之function,函数(方法)是由事件驱动的或者当它被调用时执行的可重复使用的代码块,需要的朋友可以参考下
    2023-05-05
  • js关闭子窗体刷新父窗体实现方法

    js关闭子窗体刷新父窗体实现方法

    本文将详细介绍js关闭子窗体刷新父窗体实现方法,需要了解的朋友可以参考下
    2012-12-12
  • 浅谈JavaScript数组简介

    浅谈JavaScript数组简介

    本文主要是给大家简单介绍了Array的相关基础知识,到这里也算是能对Array有更全面的理解了,希望大家能够喜欢,后续我们将继续介绍关于array的内容。
    2021-11-11
  • JavaScript中的事件循环方式

    JavaScript中的事件循环方式

    这篇文章主要介绍了JavaScript中的事件循环方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • React+TypeScript进行项目构建案例讲解

    React+TypeScript进行项目构建案例讲解

    这篇文章主要介绍了React+TypeScript进行项目构建案例讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-07-07
  • 初学JavaScript第一章

    初学JavaScript第一章

    下面为自己初学JavaScript时觉得应该注意的地方(从<<JavaScript动态网页开发详解>>中学到)
    2008-09-09

最新评论