新聞中心
簡(jiǎn)單說,所謂對(duì)象,就是一種無(wú)序的數(shù)據(jù)集合,由若干個(gè)“鍵值對(duì)”(key-value)構(gòu)成。

為羅甸等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及羅甸網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站建設(shè)、做網(wǎng)站、羅甸網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
一、數(shù)組作為JSON對(duì)象
- [ "Ford", "BMW", "Fiat" ]
在JSON中的數(shù)組,幾乎和在JavaScript中數(shù)組相同。
在JSON中,數(shù)組的值必須是字符串,數(shù)字、對(duì)象、數(shù)組、布爾值或空.
JavaScript中,數(shù)組的值可以是以上所有,再加上其他任何有效的JavaScript表達(dá)式,包括函數(shù)、日期、和undefined。
二、JSON對(duì)象中的數(shù)組
數(shù)組可以是對(duì)象屬性的值:
- {
- "name":"John",
- "age":30,
- "cars":[ "Ford", "BMW", "Fiat" ]
- }
1. 訪問數(shù)組的值
使用索引號(hào)訪問數(shù)組值:
- x = myObj.cars[0];
完整代碼:
項(xiàng)目
2. 遍歷數(shù)組
你可以使用for-in循環(huán)遍歷數(shù)組:
- for (i in myObj.cars) {
- x += myObj.cars[i];
- }
或者可以使用for循環(huán):
- for (i = 0; i < myObj.cars.length; i++) {
- x += myObj.cars[i];
- }
三、JSON對(duì)象中的嵌套數(shù)組
數(shù)組值也可以是另一個(gè)數(shù)組,甚至另一個(gè)JSON對(duì)象:
- myObj = {
- "name":"John",
- "age":30,
- "cars": [
- { "name":"Ford", "models":[ "Fiesta", "Focus", "Mustang" ] },
- { "name":"BMW", "models":[ "320", "X3", "X5" ] },
- { "name":"Fiat", "models":[ "500", "Panda" ] }
- ]
- }
訪問數(shù)組內(nèi)部的數(shù)組, 使用for-in loop循環(huán):
項(xiàng)目 Looping through arrays inside arrays.
1. 修改數(shù)組值
使用索引號(hào)修改數(shù)組:
- myObj.cars[1] = "Mercedes";
完整代碼:
項(xiàng)目
2. 刪除數(shù)組中的項(xiàng)目
使用delete關(guān)鍵字從數(shù)組中刪除:
- delete myObj.cars[1];
四、總結(jié)
本文基于JavaScript基礎(chǔ),講解了JSON數(shù)組中,如何以數(shù)組作為JSON的對(duì)象 ,對(duì)象中如何去嵌套數(shù)組,常見的修改,刪除數(shù)組,都做了詳細(xì)的講解。
希望大家可以根據(jù)文章的內(nèi)容,積極嘗試,有時(shí)候看到別人實(shí)現(xiàn)起來很簡(jiǎn)單。但是到自己動(dòng)手實(shí)現(xiàn)的時(shí)候,總會(huì)有各種各樣的問題,切勿眼高手低,勤動(dòng)手,才可以理解的更加深刻。
代碼很簡(jiǎn)單,希望能夠幫助你。
本文轉(zhuǎn)載自微信公眾號(hào)「前端進(jìn)階學(xué)習(xí)交流」,可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系前端進(jìn)階學(xué)習(xí)交流公眾號(hào)。
標(biāo)題名稱:一篇文章帶你了解JavaScript json 數(shù)組
文章源于:http://www.dlmjj.cn/article/djocigg.html


咨詢
建站咨詢
