直接在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 相关文章推荐
javascript中的对象创建 实例附注释
Feb 08 Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 Javascript
JQuery中DOM实现事件移除的方法
Jun 13 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
ES6新特性:使用export和import实现模块化详解
Jul 31 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
使用Vue完成一个简单的todolist的方法
Dec 01 Javascript
react实现点击选中的li高亮的示例代码
May 24 Javascript
详解封装基础的angular4的request请求方法
Jun 05 Javascript
Vant 在vue-cli 4.x中按需加载操作
Nov 05 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中防止直接访问或查看或下载config.php文件的方法
2012/07/07 PHP
php实现快速排序法函数代码
2012/08/27 PHP
php中函数前加&amp;符号的作用分解
2014/07/08 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php用户密码加密算法分析【Discuz加密算法】
2016/10/12 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
超级退弹代码
2008/07/07 Javascript
中文字符串截取的js函数代码
2013/04/17 Javascript
js控制iframe的高度/宽度让其自适应内容
2014/04/09 Javascript
遍历js中对象的属性和值的实例
2016/11/21 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
使用nvm管理不同版本的node与npm的方法
2017/10/31 Javascript
如何通过setTimeout理解JS运行机制详解
2019/03/23 Javascript
vue+elementUI实现简单日历功能
2020/09/24 Javascript
JS闭包原理及其使用场景解析
2020/12/03 Javascript
django之静态文件 django 2.0 在网页中显示图片的例子
2019/07/28 Python
Numpy之reshape()使用详解
2019/12/26 Python
python读取raw binary图片并提取统计信息的实例
2020/01/09 Python
python对XML文件的操作实现代码
2020/03/27 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
Python新手如何进行闭包时绑定变量操作
2020/05/29 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
如何基于Python按行合并两个txt
2020/11/03 Python
python实现文件分片上传的接口自动化
2020/11/19 Python
python实现KNN近邻算法
2020/12/30 Python
Android本地应用打开方法——通过html5写连接
2016/03/11 HTML / CSS
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
Coccinelle官网:意大利的著名皮具品牌
2019/05/15 全球购物
纺织工程专业个人求职信范文
2014/01/27 职场文书
综治维稳工作汇报
2014/10/27 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
2019年圣诞节祝福语集锦
2019/12/25 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题
Nginx动静分离配置实现与说明
2022/04/07 Servers