首頁 web前端 js教程 直接在JS建立JSON資料然後遍歷使用_javascript技巧

直接在JS建立JSON資料然後遍歷使用_javascript技巧

May 16, 2016 pm 04:41 PM
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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Java如何遍歷資料夾並取得所有檔案名 Java如何遍歷資料夾並取得所有檔案名 Mar 29, 2024 pm 01:24 PM

Java是一種流行的程式語言,具有強大的檔案處理功能。在Java中,遍歷資料夾並取得所有檔案名稱是一種常見的操作,可以幫助我們快速定位和處理特定目錄下的檔案。本文將介紹如何在Java中實作遍歷資料夾並取得所有檔案名稱的方法,並提供具體的程式碼範例。 1.使用遞歸方法遍歷資料夾我們可以使用遞歸方法遍歷資料夾,遞歸方法是一種自身呼叫自身的方式,可以有效地遍歷資料夾中

如何在FastAPI中使用請求體體解析傳入的JSON數據 如何在FastAPI中使用請求體體解析傳入的JSON數據 Jul 28, 2023 pm 04:17 PM

如何在FastAPI中使用請求體解析傳入的JSON資料FastAPI是一個基於Python的現代化Web框架,它提供了豐富的功能和高效能的非同步支援。在使用FastAPI處理HTTP請求時,經常需要解析傳入的JSON資料。本文將介紹如何在FastAPI中使用請求體解析傳入的JSON數據,並提供相應的程式碼範例。導入依賴首先,我們需要導入FastAPI的依賴和JS

PHP和MySQL如何處理JSON資料? PHP和MySQL如何處理JSON資料? Jul 12, 2023 am 10:00 AM

PHP和MySQL如何處理JSON資料?在現代Web應用程式中,JSON(JavaScriptObjectNotation)經常被用於儲存和交換資料。 PHP和MySQL是兩個常用的技術,如何使用它們處理JSON資料是一個常見的問題。本文將介紹如何使用PHP和MySQL來處理JSON數據,並提供一些程式碼範例。一、將資料從MySQL匯出為JSON首先,讓我們

PHP glob()函數使用範例:遍歷指定資料夾中的所有文件 PHP glob()函數使用範例:遍歷指定資料夾中的所有文件 Jun 27, 2023 am 09:16 AM

PHPglob()函數使用範例:遍歷指定資料夾中的所有文件在PHP開發中,經常需要遍歷指定資料夾中的所有文件,以實現檔案批次操作或讀取。 PHP的glob()函數正是用來實現這種需求的。 glob()函數可以透過指定一個通配符匹配模式,來取得指定資料夾中符合條件的所有檔案的路徑資訊。在這篇文章中,我們將會示範如何使用glob()函數來遍歷指定資料夾中的所有文件

Java Iterator 與 Iterable 的深入比較:優缺點分析 Java Iterator 與 Iterable 的深入比較:優缺點分析 Feb 19, 2024 pm 04:20 PM

概念差異:Iterator:Iterator是一個接口,代表一個從集合中取得值的迭代器。它提供了MoveNext()、Current()和Reset()等方法,讓你遍歷集合中的元素,並對目前元素進行操作。 Iterable:Iterable也是一個接口,代表一個可迭代的物件。它提供了Iterator()方法,用於傳回一個Iterator對象,以便於遍歷集合中的元素。使用方式:Iterator:要使用Iterator,需要先取得一個Iterator對象,然後呼叫MoveNext()方法來移動到下一

Python 3.x 中如何使用os模組遍歷目錄中的文件 Python 3.x 中如何使用os模組遍歷目錄中的文件 Jul 29, 2023 pm 02:57 PM

Python3.x中如何使用os模組遍歷目錄中的檔案在Python中,我們可以使用os模組來進行檔案和目錄的操作。 os模組是Python標準庫中的重要模組,提供了許多和作業系統相關的功能。在本文中,我們將介紹如何使用os模組來遍歷一個目錄中的所有檔案。首先,我們需要導入os模組:importos接下來,我們可以使用os.walk()函數來遍歷目錄。

如何使用Python實作二元樹的遍歷 如何使用Python實作二元樹的遍歷 Jun 09, 2023 pm 09:12 PM

作為一種常用的資料結構,二元樹經常被用來儲存資料、搜尋和排序。遍歷二元樹是非常常見的操作之一。 Python作為一種簡單易用的程式語言,有許多方法可以實作二元樹的遍歷。本文將介紹如何使用Python實現二元樹的前序、中序和後序遍歷。二元樹的基礎在學習二元樹的遍歷之前,我們需要先了解二元樹的基本概念。二元樹由節點組成,每個節點都有一個值和兩個子節點(左子節點和右子

在C++中遞歸插入和遍歷鍊錶 在C++中遞歸插入和遍歷鍊錶 Sep 10, 2023 am 09:21 AM

我們得到了用於形成鍊錶的整數值。任務是使用遞歸方法先插入然後遍歷單鍊錶。在末尾遞歸新增節點如果head為NULL→將節點加入head否則加入head(head→next)遞歸遍歷節點如果head為NULL→退出否則列印(head→next)範例輸入−1-2-7-9 -10輸出輸出strong>−鍊錶:1→2→7→9→10→NULL輸入−12-21-17-94-18輸出−鍊錶:12→21→17→94→18→NULL下面程式中使用的方法如下在這種方法中,我們將使用函數新增節點並遍歷單鍊錶並遞

See all articles