直接在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与CSS复习(三)
Jun 29 Javascript
jquery移除、绑定、触发元素事件使用示例详解
Apr 10 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 Javascript
js实现鼠标拖动功能
Mar 20 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 Javascript
vuex 中插件的编写案例解析
Jun 10 Javascript
微信小程序基础教程之worker线程的使用方法
Jul 15 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
微信小程序实现上传多个文件 超过10个
Mar 30 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
8个PHP数组面试题
2015/06/23 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
静态页面的值传递(三部曲)
2006/09/25 Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
2010/12/09 Javascript
修复IE9&amp;safari 的sort方法
2011/10/21 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
解决checkbox的attr(checked)一直为undefined问题
2014/06/16 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
2014/06/27 Javascript
javascript 兼容各个浏览器的事件
2015/02/04 Javascript
Javascript数组操作函数总结
2015/02/05 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
jQuery使用$.ajax进行即时验证的方法
2015/12/08 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
2015/12/25 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
jQuery中DOM节点的删除方法总结(超全面)
2017/01/22 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
详解Angular模板引用变量及其作用域
2018/11/23 Javascript
Vue实战教程之仿肯德基宅急送App
2019/07/19 Javascript
[01:35]辉夜杯战队访谈宣传片—LGD
2015/12/25 DOTA
[44:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第二局
2016/03/03 DOTA
几种实用的pythonic语法实例代码
2018/02/24 Python
Tensorflow实现卷积神经网络用于人脸关键点识别
2018/03/05 Python
python中实现字符串翻转的方法
2018/07/11 Python
Python笔记之观察者模式
2019/11/20 Python
pycharm中导入模块错误时提示Try to run this command from the system terminal
2020/03/26 Python
JD Sports芬兰:英国领先的运动鞋和运动服饰零售商
2018/11/16 全球购物
全球在线商店:BerryLook
2019/04/14 全球购物
手工制作的音乐盒:Music Box Attic
2019/09/05 全球购物
大学生应聘推荐信范文
2013/11/19 职场文书
人事主管岗位职责范本
2013/12/04 职场文书
软件部经理岗位职责范本
2014/02/25 职场文书
车队司机自我鉴定
2014/03/02 职场文书
幼儿园教师节活动总结
2015/03/23 职场文书
2015年采购工作总结
2015/04/10 职场文书
投标单位介绍信
2015/05/05 职场文书