直接在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
您可能感兴趣的文章:
- JavaScript实现JSON合并操作示例【递归深度合并】
- JS 实现Json查询的方法实例
- 查询json的数据结构的8种方式简介
- Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
- js遍历json的key和value的实例
- JS简单循环遍历json数组的方法
- jquery遍历筛选数组的几种方法和遍历解析json对象
- JS动态遍历json中所有键值对的方法(不知道属性名的情况)
- JS循环遍历JSON数据的方法
- js遍历json对象所有key及根据动态key获取值的方法(必看)
- JS遍历Json字符串中键值对先转成JSON对象再遍历
- js 递归json树实现根据子id查父id的方法分析
相关文章
项目中会多次使用到轮播图组件,下面这篇文章主要给大家介绍了关于JS常用插件之Swiper插件实现轮播图功能的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-07-07
本文介绍下，用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧2008-05-05
在前端程序开发中，经常会实现js轮播图的效果，怎么实现的呢？下面小编给大家分享基于基于JavaScript实现轮播图代码 ，非常不错，感兴趣的朋友可以参考下2016-07-07
最近公司有个需求,第一次遇到,把原生的微信小程序代码转换为uni-app项目,下面这篇文章主要给大家介绍了关于微信小程序转换uniapp的迁移步骤以及遇到问题的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-07-07
这篇文章主要为大家详细介绍了JavaScript Canvas编写炫彩的网页时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要为大家介绍了JavaScript BOM对象，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助<BR>2021-12-12
JavaScript是 单线程、非阻塞 的,它通过事件队列 (Event Loop) 的方式来实现异步回调,所以本文小编就带大家来深入了解一下JavaScript中的EventLoop机制,需要的可以了解下2024-02-02
这篇文章主要介绍了electron制作仿制qq聊天界面的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了JavaScript词法作用域与作用域链,结合实例形式分析了JavaScript词法作用域与作用域链相关概念、原理与操作注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要为大家详细介绍了js实现盒子拖拽动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
最新评论