直接在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 相关文章推荐
兼容ie和firefox js关闭代码
Dec 11 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
Nov 14 Javascript
js 自动播放的实例代码
Nov 19 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
jQuery进行组件开发完整实例
Dec 15 Javascript
JS中事件冒泡和事件捕获介绍
Dec 13 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
Mar 15 Javascript
判断颜色是否合法的正则表达式(详解)
May 03 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 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
BBS(php &amp; mysql)完整版(一)
2006/10/09 PHP
php中通过curl smtp发送邮件
2012/06/05 PHP
功能强大的php分页函数
2016/07/20 PHP
php使用SAE原生Mail类实现各种类型邮件发送的方法
2016/10/10 PHP
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
js控制div及网页相关属性的代码
2009/12/19 Javascript
javascript下高性能字符串连接StringBuffer类
2010/08/16 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
Javascript中this绑定的3种方法与比较
2016/10/13 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
js面向对象编程总结
2017/02/16 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
2018/07/01 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
2018/07/30 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
2019/04/23 Javascript
node.js命令行教程图文详解
2019/05/27 Javascript
centos下更新Python版本的步骤
2013/02/12 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
PyTorch上搭建简单神经网络实现回归和分类的示例
2018/04/28 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
Linux下远程连接Jupyter+pyspark部署教程
2019/06/21 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
IronPython连接MySQL的方法步骤
2019/12/27 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
"引用"与多态的关系
2013/02/01 面试题
助人为乐表扬信范文
2014/01/14 职场文书
公司门卫岗位职责
2014/03/15 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
学术会议邀请函
2015/01/30 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
同学聚会致辞集锦
2015/07/28 职场文书
退休教师欢送会致辞
2015/07/31 职场文书
Python实现简繁体转换
2021/06/07 Python
前端JavaScript大管家 package.json
2021/11/02 Javascript
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS