直接在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 相关文章推荐
jQuery 标题的自动翻转实现代码
Oct 14 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 Javascript
简约JS日历控件 实例代码
Jul 12 Javascript
jquery三个关闭弹出层的小示例
Nov 05 Javascript
JS小功能(onmouseover实现选择月份)实例代码
Nov 28 Javascript
JS绘制生成花瓣效果的方法
Aug 05 Javascript
AngularJS入门教程之AngularJS 模板
Aug 18 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
Feb 22 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
详解nuxt路由鉴权(express模板)
Nov 21 Javascript
关于vue的列表图片选中打钩操作
Sep 09 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
简单实现限定phpmyadmin访问ip的方法
2013/03/05 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
深入理解javascript构造函数和原型对象
2014/09/23 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
浅析JavaScript中命名空间namespace模式
2016/06/22 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
python基于mysql实现的简单队列以及跨进程锁实例详解
2014/07/07 Python
Python合并多个装饰器小技巧
2015/04/28 Python
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
Python开发之快速搭建自动回复微信公众号功能
2016/04/22 Python
全面了解Nginx, WSGI, Flask之间的关系
2018/01/09 Python
python处理excel绘制雷达图
2019/10/18 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
定义一结构体数组表示分数,并求两个分数相加之和
2013/06/11 面试题
上海某公司.net方向笔试题
2014/09/14 面试题
大学毕业生自荐书怎么写?
2014/01/06 职场文书
小学运动会表扬稿
2014/01/19 职场文书
大学生就业自我推荐信
2014/05/10 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
见义勇为事迹材料
2014/12/24 职场文书
三峡人家导游词
2015/01/31 职场文书
中学生清明节演讲稿
2015/03/18 职场文书
环保建议书作文500字
2015/09/14 职场文书
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏