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

之前我已经有讲过后台返回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数据
javascript 遍历json、javascript 创建json、javascript 遍历数组、javascript 遍历对象、javascript map 遍历,以便于您获取更多的相关知识。

时间: 2024-09-28 23:42:16

直接在JS里创建JSON数据然后遍历使用_javascript技巧的相关文章

js 与 php 通过json数据进行通讯示例_javascript技巧

js 与 php 通过json数据进行通讯 例子: php文件 复制代码 代码如下: <?php echo json_encode(array(array( 'liaotiantiao'=>$liaotiantiao, 'liaotiank'=>$liaotiank, 'chatuserid'=>$chatuserid, 'chattouserid'=>$chattouserid ))); ?> html 文件 复制代码 代码如下: $(document).ready(

为什么JS中eval处理JSON数据要加括号_javascript技巧

由于Ajax的兴起,JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来,进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象.利用eval函数无疑是一种简单而直接的方法.在转化的时候需要将JSON字符串的外面包装一层圆括号: 复制代码 代码如下: var jsonObject = eval("(" + jsonFormat + ")"); 为什么要加括号? 加上圆括号的目的是迫使eval函数在处理JavaSc

JS对象与json字符串格式转换实例_javascript技巧

本文实例讲述了JS对象与json字符串格式转换的实现方法,分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <title></title>     <script type="text/javascript"&g

JS动态创建元素的两种方法_javascript技巧

本文为大家分享了js创建元素的两种方法供大家参考,具体内容如下 1)将需要创建的元素,以字符串的形式拼接:找到父级元素,直接对父级元素的innnerHTML进行赋值. 2)使用Document.Element对象自带的一些函数,来实现动态创建元素(创建元素 => 找到父级元素 => 在指定位置插入元素) 一.字符串拼接形式     为了更好的理解,设定一个应用场景.     随机生成一组数字,将这组数据渲染为条形图的形式,放在div[id="container"]中,如下图

JavaScript处理解析JSON数据过程详解_javascript技巧

JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧. JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包. JSON的规则很简单: 对象是一个无序的"'名称/值'对"集合.一个对象以"{"(左括号)开始,"}"(右括号)结束.每个"名称"后跟一个":"(冒号):"

基于jsTree的无限级树JSON数据的转换代码_javascript技巧

jstree 主页 : http://www.jstree.com/ 其中提供了一种从后台取数据渲染成树的形式: 复制代码 代码如下: $("#mytree").tree({ data : { type : "json", url : "${ctx}/user/power!list.do" } }); 对于url中返回的值必须是它定义的json数据形式: 复制代码 代码如下: $("#demo2").tree({ data :

AJAX跨域请求json数据的实现方法_javascript技巧

我们都知道,AJAX的一大限制是不允许跨域请求. 不过通过使用JSONP来实现.JSONP是一种通过脚本标记注入的方式,它是可以引用跨域URL的js脚本,不过需要提供一个回调函数(必须在您自己的页面上),因此,你可以自己处理结果. 让我们看看JSONP的是怎么在jQuery,MooTools的,Dojo Toolkit中实现的. jQuery的JSONPjQuery.getJSON方法: Js代码 复制代码 代码如下: jQuery.getJSON("http://search.twitter.

js动态创建、删除表格示例代码_javascript技巧

生成一个2000*5的表格,每个单元格的内容是行号+逗号+列号 方法一:使用createElement生成表格,使用insertRow和insertCell方法生成行列,单元格的内容使用innerHTML属性进行填充. 方法二:使用createElement生成表格,使用CreateElement方法生成行列,单元格的内容使用了createTextNode方法填充. 方法三:拼接表格innerHTML属性的字符串,使用字符串 += 操作符链接字符串 方法四:拼接表格innerHTML属性的字符串

JS如何解析json数据,原数据类型是Map&amp;amp;lt;Object,List&amp;amp;lt;Object&amp;amp;gt;&amp;amp;gt;

问题描述 JS如何解析json数据,原数据类型是Map<Object,List<Object>> 在js中如何解析出其中的值? 使用jquery的each函数如何解析?