直接在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 和 document.all 分别什么时候用
Jun 22 Javascript
JavaScript 加号(+)运算符号
Dec 06 Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
纯js实现隔行变色效果
Nov 29 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
Jan 18 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
Vue项目中添加锁屏功能实现思路
Jun 29 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
Aug 20 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
php imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
解析PHP SPL标准库的用法(遍历目录,查找固定条件的文件)
2013/06/18 PHP
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
ecshop 2.72如何修改后台访问地址
2015/03/03 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
php静态成员方法和静态的成员属性的使用方法
2017/10/26 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
js中复制行和删除行的操作实例
2013/06/25 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
JavaScript Ajax实现异步通信
2016/12/14 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
原生JS实现记忆翻牌游戏
2020/07/31 Javascript
二种python发送邮件实例讲解(python发邮件附件可以使用email模块实现)
2013/12/03 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
Pytorch evaluation每次运行结果不同的解决
2020/01/02 Python
python各层级目录下import方法代码实例
2020/01/20 Python
Python实现Word表格转成Excel表格的示例代码
2020/04/16 Python
Python实现发票自动校核微信机器人的方法
2020/05/22 Python
对Python 字典元素进行删除的方法
2020/07/31 Python
详解python datetime模块
2020/08/17 Python
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
canvas实现烟花的示例代码
2020/01/16 HTML / CSS
C#可否对内存进行直接的操作
2015/02/26 面试题
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2015/09/07 面试题
优秀大学生推荐信范文
2013/11/28 职场文书
传承焦裕禄精神思想汇报2014
2014/09/10 职场文书
售后前台接待岗位职责
2015/04/03 职场文书
学生会任命书范本
2015/09/21 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
子女赡养老人协议书
2016/03/23 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL
Python&Matlab实现灰狼优化算法的示例代码
2022/03/21 Python