直接在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 相关文章推荐
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
Node.js中创建和管理外部进程详解
Aug 16 Javascript
JavaScript实现按Ctrl键打开新页面
Sep 04 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
纯JavaScript手写图片轮播代码
Oct 20 Javascript
JS比较两个数值的大小实例
Nov 25 Javascript
JQuery学习总结【一】
Dec 01 Javascript
JavaScript的六种继承方式(推荐)
Jun 26 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
Mar 16 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
Jul 18 Javascript
vue + el-form 实现的多层循环表单验证
Nov 25 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 DOMElement 操作xml 文档的实现代码
2013/05/10 PHP
解析link_mysql的php版
2013/06/30 PHP
对比分析php中Cookie与Session的异同
2016/02/19 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
浅谈javascript六种数据类型以及特殊注意点
2013/12/20 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
Javascript中设置默认参数值示例
2014/09/11 Javascript
js实现鼠标经过时图片滚动停止的方法
2015/02/16 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
2019/07/26 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
[03:00]《DAC最前线》之欧美新秀VS老将
2015/02/01 DOTA
Python实现按学生年龄排序的实际问题详解
2017/08/29 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python requests post多层字典的方法
2018/12/27 Python
Python集合操作方法详解
2020/02/09 Python
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
2017/01/12 HTML / CSS
Lampenwelt德国:欧洲领先的灯具和照明在线商店
2018/08/05 全球购物
猫咪家具:CatsPlay
2018/11/03 全球购物
后勤岗位职责
2013/11/26 职场文书
食品质量与安全专业毕业生求职信
2014/08/11 职场文书
挂职学习心得体会
2014/09/09 职场文书
销售辞职信范文
2015/03/02 职场文书
2015年学校政教处工作总结
2015/05/26 职场文书
有关三国演义的读书笔记
2015/06/25 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
严以用权学习心得体会
2016/01/12 职场文书
学习杨善洲同志先进事迹心得体会
2016/01/23 职场文书
swagger如何返回map字段注释
2021/07/03 Java/Android