`
xfxlch
  • 浏览: 167113 次
  • 性别: 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"] 。就是要做到读取的风格要统一
分享到:
评论

相关推荐

    认识JavaScript共1页.pdf.zip

    在“认识JavaScript共1页.pdf.zip”这个压缩包中,我们很可能是得到了一个简短的介绍JavaScript基础知识的文档,尽管内容只有一页,但它可能涵盖了JavaScript的核心概念。 首先,JavaScript是由Brendan Eich在1995...

    css和javascript初步认识教程

    **JavaScript初步认识** JavaScript是一种轻量级的解释型编程语言,主要用于网页和网络应用开发,提供动态交互效果。 1. **JavaScript基础** - 变量:用`var`、`let`或`const`声明,如`var name = "John"`。 - ...

    开心农场 JS版

    通过学习和分析"开心农场 JS版"这样的项目,开发者可以深入理解JavaScript在实际应用中的工作原理,提升前端开发技能,并对游戏开发有更直观的认识。无论是对于初学者还是有经验的开发者,这样的实践都是宝贵的学习...

    JS实战之连连看.rar

    通过阅读和理解这些代码,开发者不仅可以学习到如何用JavaScript实现游戏,还能提升对网页开发的整体认识。 总的来说,这个JS实战项目提供了宝贵的实践经验,有助于加深对JavaScript语言的理解,并锻炼了实际问题...

    js 学习课程 ppt

    通过深入学习这两份PPT,你将建立起对JavaScript的宏观认识,为后续的深入学习打下坚实基础。无论你是前端开发者、全栈工程师,还是对Web技术感兴趣的初学者,这个课程都将是你不可多得的学习资源。

    JS根据浏览器窗口大小实时动态改变网页文字大小的方法

    通过上述内容的学习,我们可以了解到JavaScript动态调整网页文字大小的技术细节,同时也能认识到JavaScript在前端开发中的广泛应用和强大功能。这对于想要提升自己在Web开发方面能力的开发者来说,是一份非常有价值...

    JavaScript学习文档

    JavaScript是一种广泛应用于网络开发的轻量级编程语言,它主要被用来增强网页的交互性和动态功能。这篇学习文档将深入探讨JavaScript的核心概念和技术...通过阅读这份文档,相信你会对JavaScript有更全面、深入的认识。

    javascript笔记 超级详细 入门

    根据提供的文件信息,我们可以...通过以上知识点的学习,初学者可以建立起对JavaScript的基本认识,并掌握如何在网页中使用JavaScript进行简单的动态效果实现。随着实践的深入,还可以进一步探索更高级的特性和技术。

    Web前端开发技术-认识JavaScript变量.pptx

    JavaScript是Web前端开发...总结来说,JavaScript的变量是编程中最基本的元素,理解它们的声明、赋值、使用规则以及命名规范是学习JavaScript的第一步。了解这些基础知识后,你就可以开始构建更复杂的前端应用程序了。

    JsGrid官网离线版/离线文档

    在HTML中创建一个空的div元素,作为JsGrid的容器,然后通过JavaScript来初始化网格。例如: ```html <div id="jsGrid"> ``` ```javascript $("#jsGrid").jsGrid({ width: "100%", height: "400px", fields: [ ...

    过滤HTML元素字符

    在IT行业中,尤其是在Web开发和数据处理领域,过滤HTML元素字符是一项重要的任务。...总的来说,过滤HTML元素字符是Web安全的重要一环,Java开发者需要对此有清晰的认识,并采取适当措施确保用户输入数据的安全处理。

    javascript使用smipleChart实现简单图表

    总的来说,JavaScript结合simpleChart库实现简单图表的过程,既是一个技术实现的过程,也是一个艺术创造的过程,它需要开发者对HTML、CSS以及JavaScript有相当的了解,并对所使用的图表库的功能和限制有足够的认识。...

    安徽地图js和json文件

    要深入理解这个项目,你需要具备一定的JavaScript基础,了解JSON数据结构,以及对GIS和Web开发有一定的认识。下载文件后,你可以通过浏览器的开发者工具查看JavaScript代码的执行过程,理解数据如何被解析和渲染。...

    JavaScript入门篇.txt

    - **用途**:JavaScript主要用于Web前端开发,但也适用于服务器端开发(Node.js)、移动应用开发等场景。 #### 二、变量与数据类型 - **声明变量**:通过`var`关键字可以声明一个变量。例如: ```javascript var...

    程序员送浪漫表白的自动刷新js

    【程序员送浪漫表白的自动刷新js】是一种利用JavaScript(js)编程语言来创造浪漫情境的技术实践。在描述中提到,这个js代码是为程序员提供的一种独特方式,通过自定义姓名和相识日期,来向另一半表达情感,特别是在...

    JS特效,不规则闪卡切换,非常好的源码

    通过JavaScript,我们可以实现元素的动态显示、隐藏,以及各种复杂的动画效果。 【不规则闪卡切换】 不规则闪卡切换是一种创新的视觉呈现方式,它模拟了真实的卡片翻转效果,但并非简单的90度旋转,而是带有随机...

    零基础学JavaScript(PPT)

    第12章“文档对象”(DOM)讲解了如何通过JavaScript操作网页元素,包括查找、添加、删除和修改元素,这是实现动态网页效果的关键。 最后,第13章“表单对象”专注于处理HTML表单,包括获取用户输入、验证表单数据...

Global site tag (gtag.js) - Google Analytics