直接在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 相关文章推荐
限制复选框的最大可选数
Jul 01 Javascript
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
JavaScript 计算图片加载数量的代码
Jan 01 Javascript
js中Math之random,round,ceil,floor的用法总结
Dec 26 Javascript
js控制容器隐藏出现防止样式变化的两种方法
Apr 25 Javascript
node.js中的emitter.emit方法使用说明
Dec 10 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
微信小程序 增、删、改、查操作实例详解
Jan 13 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
创建echart多个联动的示例代码
Nov 23 Javascript
原生js+canvas实现贪吃蛇效果
Aug 02 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
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
php下使用curl模拟用户登陆的代码
2010/09/10 PHP
10个简化PHP开发的工具
2014/12/25 PHP
php中简单的对称加密算法实现
2017/01/05 PHP
jquery validation插件表单验证的一个例子
2010/03/03 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
jQuery中:not选择器用法实例
2014/12/30 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
JSON字符串和对象相互转换实例分析
2016/06/16 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
jquery与ajax获取特殊字符实例详解
2017/01/08 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
2017/06/29 Javascript
小程序实现发表评论功能
2018/07/06 Javascript
Node 代理访问的实现
2019/09/19 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
5个很好的Python面试题问题答案及分析
2018/01/19 Python
新手常见6种的python报错及解决方法
2018/03/09 Python
python 自定义对象的打印方法
2019/01/12 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
Python算法的时间复杂度和空间复杂度(实例解析)
2019/11/19 Python
Python实现图片识别加翻译功能
2019/12/26 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
20佳惊艳的HTML5应用程序示例分享
2011/05/03 HTML / CSS
HTML5 拖放功能实现代码
2016/07/14 HTML / CSS
canvas实现滑动验证的实现示例
2020/08/11 HTML / CSS
Interrail法国:乘火车探索欧洲,最受欢迎的欧洲铁路通票
2019/08/27 全球购物
经典英文广告词
2014/03/18 职场文书
社区党务公开实施方案
2014/03/18 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
银行稽核岗位职责
2015/04/13 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android