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

认识js元素

 
阅读更多
json格式:
json格式常常有两种,一种是对像,一种是数组
var obj={id:22,name:'hello'}
var array=[1,2,4]
这两种读取方式如下:
alert(obj.id );
alert(array[1] );


当然啦,两者可以组合在一起:
var obj = {1:'中文','2':'也是中文','中文':'还是中文',count:3,person:[{id:333,name:'张三'},{id:444,name:'李四'}],object:{id:1,msg:"你好,世界"}}
alert(obj[2] + '----' + obj.中文+'----'+obj.person[0].id+'-----'+ obj.object.msg);


这里要提到的有两点:
一个是可以用中文关键字,例如:obj.中文来读取value,这让我觉得javascript很强大,当然前提你要把你的charset设置为utf-8以支持中文显示。
另一个就是以数字1作为key,这是因为js在解析到数字的时候,会自动把数据key转化为字符串,这样我们在读取的时候,就可以用obj[1]这种方式来获取到value

再有一个就是我们可以定义:var obj ={'.':'这个也是允许的'} ,用点“.”做为关键字的时候,你要用obj['.'] 的方式读取到value。



争对上面的json对象中的person对象有这么几种读取方式,都是可行的。:
console.log(obj.person[1].name + "+++" + obj["person"][1]["name"] + "+++" +obj["person"][1].name);

但是建议的使用方式为:obj.person[1].name 或者是obj["person"][1]["name"] 。就是要做到读取的风格要统一
分享到:
评论

相关推荐

    Web前端开发技术-认识DOM对象.pptx

    Web API是浏览器提供的一套操作浏览器功能和页面元素的接口。JavaScript语言由3部分组成,分别是ECMAScript、BOM和DOM,其中ECMAScript是JavaScript语言的核心,而Web API包括BOM和DOM两部分。;;API:应用程序编程...

    Web前端开发技术-认识JQuery.pptx

    jQuery是一个快速、简洁的JavaScript框架,是一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,...

    初步认识JavaScript函数库jQuery

    jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 向您的页面添加 jQuery 库 ...

    操作Dom中的子元素与兄弟元素的代码

    正确认识子元素 欢迎光临软件开发网 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 从上面的代码可以看出来"欢迎光临软件开发网"与span都被包含在一个div中.但是你无法在div中直接引用"欢迎光临软件开发网...

    js数组依据下标删除元素

    一直在使用js相关的东西,但很少作总结,今天遇到操作js数组的一些问题,对js的数组有了更进一步的认识

    D3.js 从P元素的创建开始(显示可加载数据)

    D3是一个基于数据操作的可视化js库,认识d3,就从最基础的显示可加载数据谈起。 html的基本框架不多说,先上代码再解释: 新建一个test目录,在该目录下创建demo和d3两个文件夹。demo存放要编写的html文件 , d3存放...

    JavaScript jQuery 中定义数组与操作及jquery数组操作

    1.认识数组 数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象 Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),所以数组可以通过相互嵌套实现类似多维数组的功能 1.1...

    商品对比功能,美观、实用,加入对比JS代码.rar

    JavaScript商品对比功能JS代码,在一些商城、手机或其它硬件资讯网站,可以经常见到商品对比功能,用户只需选中想要对比的产品,在确认对比后,网页将显示用户所选择的几款商品的详细硬件参数的对比,这样便于用户对...

    如何让IE9以下版本(ie6/7/8)认识html5元素

    针对这个问题有一个弥补方案,在使用里如article标签之前先用js创建一个虚假的article元素,IE就会识别这个元素了,而支持用css设定样式。这个虚假元素甚至都不需要插入到DOM中。 请看如下的例子: 复制代码代码如下...

    用JS实现网页元素阴影效果的研究总结

    前两天由于一个小项目想为一元素添加一个阴影效果,但是记得看过某高人写的”用Div/CSS模拟阴影效果”文章,现在还有一点印象,其思路很简单,主要是利用几个层的定位偏移来实现的阴影特效,于是偶就想能不能封装成一...

    JS的事件绑定深入认识

    脚本模型是将事件处理函数写到js文件中,从页面获取元素进行对应事件函数的绑定以触发执行。但也存在不足之处: 1.一个事件绑定多个事件监听函数,后者将覆盖前者。 2.需要限制重复绑定的情况 3.标准化event对象 二...

    JS动画定时器知识总结

    狭义说:通过定时器连续调用js函数进行元素属性改变产生的视觉动画效果。 定时器 定时器是JavaScript动画的核心技术; setTimeout(),setInterval()是大家熟知的,以前经常使用的; 一般都是做些辅助性,锦上添花...

    stream.js 一个很小、完全独立的Javascript类库

    [removed][removed] 下载 stream.js 2Kb minified streams是什么? Streams 是一个操作简单的数据结构,很像数组或链接表,但附加了一些非凡的能力。 它们有什么特别之处? 跟数组不一样,streams是一个有魔法的数据...

    解读html5关于html5的应用与认识

    代替自己创建这些元素,你还可以用HTML5 Enabling Script 或 IE Print Protector — 这些脚本将帮助 IE 正常处理 HTML5 元素的渲染。 你可能会想到添加 CSS Reset 到这些新元素上。这里是一些可以用在你以 HTML5 为...

    一起来写段JS drag拖动代码

    以前大致就是以前的认识,可以参见 JS拖动技术— 关于setCapture 这个实现,后来随着工作要求的提高,做的工作都是要跨浏览器的,所以就重新构思并参考一些开源代码做了实现。 现在大致思路可分析为以下几步,我...

    Ext Js权威指南(.zip.001

    1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 在javascript中使用json / 4 1.2.5 在.net中使用json / 8 1.2.6 在java中使用json / 12 1.2.7 更多有关json的信息 / 15 1.3 ext js 4...

    javascript的数组和常用函数详解

    1.认识数组 数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象。Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),所以数组可以通过相互嵌套实现类似多维数组的功能。 ...

    JavaScript入门教程(10) 认识其他对象

    对于需要更好的控制html的一些元素,就需要了解这些了。大家知道就行,有需要时可以再看。

    JavaScript requestAnimationFrame动画详解

    进入web2.0时代,在网页中实现动画已经不再局限于一种方法 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition;...认识JavaScript requestAnimationFrame 首先我们来看一下它的源码 requ

Global site tag (gtag.js) - Google Analytics