直接在JS里创建JSON数据然后遍历使用

更新时间：2014年07月25日 15:22:03 投稿：whsnow

本节为大家讲解下直接在JS里创建JSON数据，然后遍历使用,需要的朋友可以参考下

之前我已经有讲过后台返回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

您可能感兴趣的文章:

json
遍历

ajax中get和post的说明及使用与区别
对付乱码我都是用过滤器做字符编码过滤的，Get方法过滤器监听不到，所以我一直喜欢使用Post方法，下面对Ajax Get和Post方法做一对比,需要了解的朋友可以参考下
2012-12-12
Js的Array数组对象详解
这篇文章主要针对Js的Array数组对象为大家进行详细的讲解，感兴趣的小伙伴们可以参考一下
2016-02-02
控制台报错:Cannot access 'xxx' before initializatio
这篇文章主要给大家介绍了关于控制台报错:Cannot access 'xxx' before initialization的解决方法,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-11-11
使用Ajax生成的Excel文件并下载的实例
本篇文章主要介绍了使用Ajax生成的Excel文件并下載的实例，具有一定的参考价值，有需要的可以了解一下。
2016-11-11
layui prompt 设置允许空白提交的方法
今天小编就为大家分享一篇layui prompt 设置允许空白提交的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
小程序如何自主实现拦截器的示例代码
这篇文章主要介绍了小程序如何自主实现拦截器,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-11-11
详解在JavaScript中如何判断变量类型
JavaScript是一个动态类型语言，在运行时获取变量类型是常用操作。本文将通过示例为大家详细讲讲在JavaScript中如何判断变量类型，感兴趣的可以学习一下
2022-07-07
原生JS实现圆环拖拽效果
这篇文章主要为大家详细介绍了原生JS写一个环形的鼠标滑动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04
微信小程序webView嵌入H5的方法实例
web-view是小程序提供的一个可以直连h5页面的组件,只要传递一个h5页面的地址,就可以在小程序里直接打开预览该h5页面,这篇文章主要给大家介绍了微信小程序webView嵌入H5的相关资料,需要的朋友可以参考下
2021-07-07
基于javascript实现图片懒加载
这篇文章主要介绍了javascript实现图片懒加载的方法及思路，有时我们需要用懒加载，也就是延迟加载图片的方式，来提高网站的亲和力,需要的朋友可以参考下
2016-01-01