直接在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 相关文章推荐
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
Aug 12 Javascript
Javascript模块化编程(一)模块的写法最佳实践
Jan 17 Javascript
JS获取当前日期和时间的简单实例
Nov 19 Javascript
JQuery打造省市下拉框联动效果
May 18 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
Aug 04 Javascript
JS实现的仿QQ空间图片弹出效果代码
Feb 23 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
简单实现js拖拽效果
Jul 25 Javascript
javascript+HTML5 canvas绘制时钟功能示例
May 15 Javascript
微信小程序云开发如何实现数据库自动备份实现
Aug 16 Javascript
vue判断按钮是否可以点击
Apr 09 Vue.js
使用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
PHP sprintf()函数用例解析
2011/05/18 PHP
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
PHP迭代器的内部执行过程详解
2013/11/12 PHP
Zend Framework 2.0事件管理器(The EventManager)入门教程
2014/08/11 PHP
php 数组随机取值的简单实例
2016/05/23 PHP
关于ThinkPHP中的异常处理详解
2018/05/11 PHP
JS 实现图片直接下载示例代码
2013/07/22 Javascript
jquery动态加载js三种方法实例
2013/08/03 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
2014/03/10 Javascript
jQuery过滤选择器:not()方法使用介绍
2014/04/20 Javascript
javascript 数组操作详解
2015/01/29 Javascript
javaScript中push函数用法实例分析
2015/06/08 Javascript
JS提交form表单实例分析
2015/12/10 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
jQuery上传多张图片带进度条样式(DEMO)
2017/03/02 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
2020/08/13 Javascript
Python中的多重装饰器
2015/04/11 Python
Python的randrange()方法使用教程
2015/05/15 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
python使用Plotly绘图工具绘制水平条形图
2020/03/25 Python
Python面向对象进阶学习
2019/05/21 Python
python GUI库图形界面开发之PyQt5窗口布局控件QStackedWidget详细使用方法
2020/02/27 Python
Python yield生成器和return对比代码实例
2020/04/20 Python
C和C++经典笔试题附答案解析
2014/08/18 面试题
工厂厂长的职责
2013/12/12 职场文书
校园奶茶店创业计划书
2014/01/23 职场文书
作弊检讨书1000字
2014/02/01 职场文书
推荐信格式范文
2014/05/09 职场文书
关于十八大的演讲稿
2014/09/15 职场文书
化验员岗位职责
2015/02/14 职场文书
小学入学感言
2015/08/01 职场文书
基于Python实现的购物商城管理系统
2021/04/27 Python
Pycharm远程调试和MySQL数据库授权问题
2022/03/18 MySQL