直接在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一些实用技巧小结
Mar 18 Javascript
js中各浏览器中鼠标按键值的差异
Apr 07 Javascript
JavaScript 放大镜 移动镜片效果代码
May 09 Javascript
鼠标滑上去后图片放大浮出效果的js代码
May 28 Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 Javascript
Javascript的表单验证-初识正则表达式
Mar 18 Javascript
使用jquery.form.js实现图片上传的方法
May 05 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
javascript实现点亮灯泡特效示例
Oct 15 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
jQuery实现计算器功能
Oct 19 jQuery
javascript条件式访问属性和箭头函数介绍
Nov 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面试题集锦
2012/03/08 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
Codeigniter操作数据库表的优化写法总结
2014/06/12 PHP
destoon数据库表说明汇总
2014/07/15 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
用于table内容排序
2006/07/21 Javascript
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
2014/08/16 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
对vue.js中this.$emit的深入理解
2018/02/23 Javascript
vue实现选项卡及选项卡切换效果
2018/04/24 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
小程序实现分类页
2019/07/12 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
openlayers4.6.5实现距离量测和面积量测
2020/09/25 Javascript
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
python中List的sort方法指南
2014/09/01 Python
简单的Apache+FastCGI+Django配置指南
2015/07/22 Python
Python编程之event对象的用法实例分析
2017/03/23 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
python实现多进程通信实例分析
2019/09/01 Python
aec加密 php_php aes加密解密类(兼容php5、php7)
2021/03/14 PHP
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
查询优化的一般准则有哪些
2015/03/08 面试题
英文自荐信格式
2013/11/28 职场文书
皮肤科医师岗位职责
2013/12/04 职场文书
党员对照检查材料
2014/09/22 职场文书
好员工观后感
2015/06/17 职场文书
MySQL 原理与优化之Update 优化
2022/08/14 MySQL