直接在JS里創(chuàng)建JSON數(shù)據(jù)然后遍歷使用
更新時(shí)間：2014年07月25日 15:22:03 投稿：whsnow
本節(jié)為大家講解下直接在JS里創(chuàng)建JSON數(shù)據(jù)，然后遍歷使用,需要的朋友可以參考下
之前我已經(jīng)有講過后臺(tái)返回json數(shù)據(jù)到前臺(tái)，并在前臺(tái)遍歷json數(shù)據(jù)。
這里講下直接在JS里創(chuàng)建JSON數(shù)據(jù)，然后遍歷使用~
創(chuàng)建代碼如下：（創(chuàng)建的是JSON對(duì)象）
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;
}
這里是創(chuàng)建一個(gè)JSON對(duì)象，包括了年份和月份的數(shù)據(jù)。
我為什么創(chuàng)建JSON對(duì)象，是因?yàn)槲覍?duì)JSON對(duì)象比較熟悉。php后臺(tái)返回的也是json對(duì)象。
json對(duì)象沒有l(wèi)ength屬性~~
所以遍歷的話要：
for(var key in YearSelect){
alert(YearSelect[key].Year);
alert(YearSelect[key].Month);
}
這樣就可以了~
記住一定要分辨好json的對(duì)象和數(shù)組~不然就一直是undenfined
您可能感興趣的文章:
- JavaScript實(shí)現(xiàn)JSON合并操作示例【遞歸深度合并】
- JS 實(shí)現(xiàn)Json查詢的方法實(shí)例
- 查詢json的數(shù)據(jù)結(jié)構(gòu)的8種方式簡介
- Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象,Map()方法詳解以及數(shù)組中查詢某值是否存在
- js遍歷json的key和value的實(shí)例
- JS簡單循環(huán)遍歷json數(shù)組的方法
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- JS動(dòng)態(tài)遍歷json中所有鍵值對(duì)的方法(不知道屬性名的情況)
- JS循環(huán)遍歷JSON數(shù)據(jù)的方法
- js遍歷json對(duì)象所有key及根據(jù)動(dòng)態(tài)key獲取值的方法(必看)
- JS遍歷Json字符串中鍵值對(duì)先轉(zhuǎn)成JSON對(duì)象再遍歷
- js 遞歸json樹實(shí)現(xiàn)根據(jù)子id查父id的方法分析
相關(guān)文章
JS常用插件之Swiper插件實(shí)現(xiàn)輪播圖功能實(shí)例
項(xiàng)目中會(huì)多次使用到輪播圖組件,下面這篇文章主要給大家介紹了關(guān)于JS常用插件之Swiper插件實(shí)現(xiàn)輪播圖功能的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
本文介紹下，用js刷新當(dāng)前頁面的幾種方法，包括reload方法、replace方法、自動(dòng)刷新方法等。有需要的朋友參考下吧2008-05-05
基于JavaScript實(shí)現(xiàn)輪播圖代碼
在前端程序開發(fā)中，經(jīng)常會(huì)實(shí)現(xiàn)js輪播圖的效果，怎么實(shí)現(xiàn)的呢？下面小編給大家分享基于基于JavaScript實(shí)現(xiàn)輪播圖代碼 ，非常不錯(cuò)，感興趣的朋友可以參考下2016-07-07
微信小程序轉(zhuǎn)換uniapp的遷移步驟以及遇到的問題總結(jié)
最近公司有個(gè)需求,第一次遇到,把原生的微信小程序代碼轉(zhuǎn)換為uni-app項(xiàng)目,下面這篇文章主要給大家介紹了關(guān)于微信小程序轉(zhuǎn)換uniapp的遷移步驟以及遇到問題的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
JavaScript Canvas編寫炫彩的網(wǎng)頁時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas編寫炫彩的網(wǎng)頁時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要為大家介紹了JavaScript?BOM對(duì)象，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2021-12-12
一文帶你掌握J(rèn)avaScript中的EventLoop機(jī)制
JavaScript是?單線程、非阻塞?的,它通過事件隊(duì)列?(Event?Loop)?的方式來實(shí)現(xiàn)異步回調(diào),所以本文小編就帶大家來深入了解一下JavaScript中的EventLoop機(jī)制,需要的可以了解下2024-02-02
這篇文章主要介紹了electron制作仿制qq聊天界面的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
JavaScript進(jìn)階（二）詞法作用域與作用域鏈實(shí)例分析
這篇文章主要介紹了JavaScript詞法作用域與作用域鏈,結(jié)合實(shí)例形式分析了JavaScript詞法作用域與作用域鏈相關(guān)概念、原理與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)盒子拖拽動(dòng)畫效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08