直接在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 拾碎[三] 使用className属性
Oct 16 Javascript
非常棒的10款jQuery 幻灯片插件
Jun 14 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 Javascript
JavaScript定义类和对象的方法
Nov 26 Javascript
理解JavaScript中Promise的使用
Jan 18 Javascript
JS简单实现仿百度控制台输出信息效果
Sep 04 Javascript
如何使用vuejs实现更好的Form validation?
Apr 07 Javascript
Vue中父组件向子组件通信的方法
Jul 11 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
Jul 18 Javascript
关于vue-router的那些事儿
May 23 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
Jun 12 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 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压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
php遍历类中包含的所有元素的方法
2015/05/12 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
IE6下js通过css隐藏select的一个bug
2010/08/16 Javascript
javascript 内存回收机制理解
2011/01/17 Javascript
html5+javascript制作简易画板附图
2014/04/25 Javascript
js实现的类似于asp数据字典的数据类型代码实例
2014/09/03 Javascript
JavaScript实现快速排序的方法
2015/07/31 Javascript
JavaScript编程中window的location与history对象详解
2015/10/26 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
js获取ip和地区
2017/03/10 Javascript
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
对Layer UI 模块化的用法详解
2019/09/26 Javascript
javascript的delete运算符知识点总结
2019/11/19 Javascript
Vue+Node实现的商城用户管理功能示例
2019/12/23 Javascript
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
详解用Pytest+Allure生成漂亮的HTML图形化测试报告
2020/03/31 Python
tensorflow 20:搭网络,导出模型,运行模型的实例
2020/05/26 Python
Python程序慢的重要原因
2020/09/04 Python
python绘制趋势图的示例
2020/09/17 Python
基于python的opencv图像处理实现对斑马线的检测示例
2020/11/29 Python
美国酒店控股公司:Choice Hotels
2018/06/15 全球购物
乌克兰鞋类购物网站:Eobuv.com.ua
2020/11/28 全球购物
高中毕业自我鉴定
2013/12/22 职场文书
初一科学教学反思
2014/01/27 职场文书
学生感冒英文请假条
2014/02/04 职场文书
2015年科室工作总结
2015/04/10 职场文书
社交电商模式的兴起:这些新的商机千万别错过
2019/07/26 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书