重生之毒妃梅果小说,有声读物

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

一篇文章帶你了解JavaScript json 數(shù)組

簡單說，所謂對象，就是一種無序的數(shù)據(jù)集合，由若干個“鍵值對”(key-value)構(gòu)成。

為羅甸等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及羅甸網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、做網(wǎng)站、羅甸網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

一、數(shù)組作為JSON對象

 
 
 
   
  
  
  [ "Ford", "BMW", "Fiat" ]

在JSON中的數(shù)組，幾乎和在JavaScript中數(shù)組相同。

在JSON中，數(shù)組的值必須是字符串，數(shù)字、對象、數(shù)組、布爾值或空.

JavaScript中，數(shù)組的值可以是以上所有，再加上其他任何有效的JavaScript表達式，包括函數(shù)、日期、和undefined。

二、JSON對象中的數(shù)組

數(shù)組可以是對象屬性的值:

 
 
 
   
  
  
  {   
  
  
  "name":"John",   
  
  
  "age":30,   
  
  
  "cars":[ "Ford", "BMW", "Fiat" ]   
  
  
  }

1. 訪問數(shù)組的值

使用索引號訪問數(shù)組值:

 
 
 
   
  
  
  x = myObj.cars[0];

完整代碼：

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對象中的嵌套數(shù)組

數(shù)組值也可以是另一個數(shù)組，甚至另一個JSON對象:

 
 
 
   
  
  
  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):

 
 
 
   
  
  
     
  
  
     
  
  
     
  
  
       
  
  
    項目   
  
  
     
  
  
     
  
  
     
  
  
    Looping through arrays inside arrays.

1. 修改數(shù)組值

使用索引號修改數(shù)組:

 
 
 
   
  
  
  myObj.cars[1] = "Mercedes";

完整代碼：

2. 刪除數(shù)組中的項目

使用delete關(guān)鍵字從數(shù)組中刪除:

 
 
 
   
  
  
  delete myObj.cars[1];

四、總結(jié)

本文基于JavaScript基礎(chǔ)，講解了JSON數(shù)組中，如何以數(shù)組作為JSON的對象，對象中如何去嵌套數(shù)組，常見的修改，刪除數(shù)組，都做了詳細的講解。

希望大家可以根據(jù)文章的內(nèi)容，積極嘗試，有時候看到別人實現(xiàn)起來很簡單。但是到自己動手實現(xiàn)的時候，總會有各種各樣的問題，切勿眼高手低，勤動手，才可以理解的更加深刻。

代碼很簡單，希望能夠幫助你。

本文轉(zhuǎn)載自微信公眾號「前端進階學習交流」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請聯(lián)系前端進階學習交流公眾號。

當前名稱：一篇文章帶你了解JavaScript json 數(shù)組
標題來源：http://m.fisionsoft.com.cn/article/djocigg.html

新聞中心

其他資訊