直接在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 相关文章推荐
不使用XMLHttpRequest实现异步加载 Iframe和script
Oct 29 Javascript
Javascript图像处理思路及实现代码
Dec 25 Javascript
jQuery插件slicebox实现3D动画图片轮播切换特效
Apr 12 Javascript
jQuery实现文本框邮箱输入自动补全效果
Nov 17 Javascript
如何学JavaScript?前辈的经验之谈
Dec 28 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
Angular项目如何升级至Angular6步骤全纪录
Sep 03 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
Jun 11 Javascript
JavaScript命名空间模式实例详解
Jun 20 Javascript
微信小程序绘制图片发送朋友圈
Jul 25 Javascript
JavaScript隐式类型转换代码实例
May 29 Javascript
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
Mar 17 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+MYSQL会员系统的登陆即权限判断实现代码
2011/09/23 PHP
PHP优于Node.js的五大理由分享
2012/09/15 PHP
php 生成自动创建文件夹并上传文件的示例代码
2014/03/07 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
2015/11/09 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
2016/08/10 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
jQuery Ajax请求后台数据并在前台接收
2016/12/10 Javascript
原生JS轮播图插件
2017/02/09 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
详解Nuxt内导航栏的两种实现方式
2020/04/16 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
Python多线程下载文件的方法
2015/07/10 Python
Python复制文件操作实例详解
2015/11/10 Python
python xml解析实例详解
2016/11/14 Python
python爬虫刷访问量 2019 7月
2019/08/01 Python
Python实现代码统计工具
2019/09/19 Python
Django ORM 查询表中某列字段值的方法
2020/04/30 Python
css3 实现元素弧线运动的示例代码
2020/04/24 HTML / CSS
美国批发供应商:Kole Imports
2019/04/10 全球购物
汇科协同Java笔试题
2012/03/31 面试题
制药工程专业应届生求职信
2013/09/24 职场文书
模范教师事迹材料
2014/02/10 职场文书
新农村建设典型材料
2014/05/31 职场文书
卖房授权委托书样本
2014/10/05 职场文书
运动会主持词大全
2015/07/02 职场文书
2015年除四害工作总结
2015/07/23 职场文书
和领导吃饭祝酒词
2015/08/11 职场文书
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python