直接在JS里创建JSON数据然后遍历使用


Posted in Javascript onJuly 25, 2014

之前我已经有讲过后台返回json数据到前台,并在前台遍历json数据。

这里讲下直接在JS里创建JSON数据,然后遍历使用~

创建代码如下:(创建的是JSON对象)

var YearSelect = {}; 
var Year = 2014; 
var DateOption; 
for (var i = Year; i < Year + 12; i++) { 
DateOption = {'Year':i, 'Month':i-Year+1}; 
/ alert(DateOption.Year) 
YearSelect[i] = DateOption; 
}

这里是创建一个JSON对象,包括了年份和月份的数据。

我为什么创建JSON对象,是因为我对JSON对象比较熟悉。php后台返回的也是json对象。

json对象没有length属性~~

所以遍历的话要:

for(var key in YearSelect){ 
alert(YearSelect[key].Year); 
alert(YearSelect[key].Month); 
}

这样就可以了~

记住一定要分辨好json的对象和数组~不然就一直是undenfined

Javascript 相关文章推荐
经典的带阴影的可拖动的浮动层
Jun 26 Javascript
JavaScript获取页面上某个元素的代码
Mar 13 Javascript
JQuery选择器特辑 详细小结
May 14 Javascript
纯js简单日历实现代码
Oct 05 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
Sep 26 Javascript
javascript显式类型转换实例分析
Apr 25 Javascript
JS实现购物车特效
Feb 02 Javascript
原生js实现验证码功能
Mar 16 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
layui的数据表格+springmvc实现搜索功能的例子
Sep 28 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 17 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 #Javascript
JS判断变量是否为空判断是否null
Jul 25 #Javascript
Jquery响应回车键直接提交表单操作代码
Jul 25 #Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 #Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 #Javascript
js星星评分效果
Jul 24 #Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 #Javascript
You might like
Discuz!下Memcache缓存实现方法
2010/05/28 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
php利用imagemagick实现复古老照片效果实例
2017/02/16 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
thinkphp5引入公共部分header、footer的方法详解
2018/09/14 PHP
PHP文件操作实例总结【文件上传、下载、分页】
2018/12/08 PHP
JSON JQUERY模板实现说明
2010/07/03 Javascript
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
JS实现让网页背景图片斜向移动的方法
2015/02/25 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
JS中创建函数的三种方式及区别
2016/03/13 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
微信小程序收藏功能的实现代码
2018/06/12 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
Element PageHeader页头的使用方法
2020/07/26 Javascript
Python查看多台服务器进程的脚本分享
2014/06/11 Python
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
Numpy之reshape()使用详解
2019/12/26 Python
阿拉伯世界最大的电子商务网站:Souq沙特阿拉伯
2016/10/28 全球购物
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
总经理助理岗位职责
2013/11/08 职场文书
市场营销专科应届生求职信
2013/11/24 职场文书
门卫人员岗位职责
2013/12/24 职场文书
医院节能减排方案
2014/06/13 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
销售会议开幕词
2015/01/28 职场文书
黄石寨导游词
2015/02/05 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
合同范本之电脑出租
2019/08/13 职场文书