直接在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 解决“options为空或不是对象”
Dec 22 Javascript
JavaScript 输入框内容格式验证代码
Feb 11 Javascript
json数据的列循环示例
Sep 06 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
Mar 02 Javascript
javascript实现拖放效果
Dec 16 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
Jun 13 Javascript
Three.js基础部分学习
Jan 08 Javascript
ES6中新增的Object.assign()方法详解
Sep 22 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
security.js实现的RSA加密功能示例
Jun 06 Javascript
JavaScript中BOM对象原理与用法分析
Jul 09 Javascript
Element el-button 按钮组件的使用详解
Feb 01 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 ss7.5的数据调用 (笔记)
2010/03/08 PHP
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
2015/11/17 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
详解vue-cli本地环境API代理设置和解决跨域
2017/09/05 Javascript
详解微信小程序的不同函数调用的几种方法
2019/05/08 Javascript
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
2019/06/19 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
es6函数中的作用域实例分析
2020/04/18 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
使用C语言扩展Python程序的简单入门指引
2015/04/14 Python
Python中for循环和while循环的基本使用方法
2015/08/21 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
python下载图片实现方法(超简单)
2017/07/21 Python
Python基于FTP模块实现ftp文件上传操作示例
2018/04/23 Python
Python模拟登录的多种方法(四种)
2018/06/01 Python
详解利用django中间件django.middleware.csrf.CsrfViewMiddleware防止csrf攻击
2018/10/09 Python
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
python中adb有什么功能
2020/06/07 Python
基于python实现计算两组数据P值
2020/07/10 Python
Python 爬虫性能相关总结
2020/08/03 Python
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
浅谈h5自定义audio(问题及解决)
2016/08/19 HTML / CSS
美国婴童服装市场上的领先品牌:Carter’s
2018/02/08 全球购物
HealthElement海外旗舰店:新西兰大卖场
2018/02/23 全球购物
阿玛尼意大利官网:Armani意大利
2018/10/30 全球购物
文化产业实施方案
2014/06/07 职场文书
银行反四风对照检查材料
2014/09/29 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
红与黑读书笔记
2015/06/29 职场文书
Python安装使用Scrapy框架
2022/04/12 Python