直接在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 相关文章推荐
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
js实现日期级联效果
Jan 23 Javascript
js获得当前时区夏令时发生和终止的时间代码
Feb 23 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
关于Javascript中defer和async的区别总结
Sep 20 Javascript
js 判断附件后缀的简单实现方法
Oct 11 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
JavaScript 性能提升之路(推荐)
Apr 10 Javascript
Vue数据绑定简析小结
May 07 Javascript
微信小程序实用代码段(收藏版)
Dec 17 Javascript
Vue 根据条件判断van-tab的显示方式
Aug 03 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 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图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
PHP类型约束用法示例
2016/09/28 PHP
thinkPHP利用ajax异步上传图片并显示、删除的示例
2018/09/26 PHP
javaScript call 函数的用法说明
2010/04/09 Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
使用jquery实现以post打开新窗口
2014/03/19 Javascript
javascript 3d 逐侦产品展示(核心精简)
2014/03/26 Javascript
Javascript中的数据类型之旅
2015/10/18 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
2016/11/01 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
2016/11/02 Javascript
原生JavaScript实现AJAX、JSONP
2017/02/07 Javascript
使用vue制作探探滑动堆叠组件的实例代码
2018/03/07 Javascript
vue 国际化 vue-i18n 双语言 语言包
2018/06/07 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
2018/09/27 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
vue 判断页面是首次进入还是再次刷新的实例
2020/11/05 Javascript
python如何读写json数据
2018/03/21 Python
利用Python yagmail三行代码实现发送邮件
2018/05/11 Python
python selenium自动上传有赞单号的操作方法
2018/07/05 Python
python3.4控制用户输入与输出的方法
2018/10/17 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
浅谈Python小波分析库Pywavelets的一点使用心得
2019/07/09 Python
Python绘图实现显示中文
2019/12/04 Python
Django操作session 的方法
2020/03/09 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
Python socket服务常用操作代码实例
2020/06/22 Python
HTML5 UTF-8 中文乱码的解决方法
2013/11/18 HTML / CSS
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
2015年勤工助学工作总结
2015/04/29 职场文书
硕士学位申请报告
2015/05/15 职场文书
公诉意见书范文
2015/06/05 职场文书
技术转让协议书
2016/03/19 职场文书
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL