一篇文章帶你了解JavaScript json 數(shù)組
回復(fù)“前端”即可獲贈前端相關(guān)學(xué)習(xí)資料
簡單說，所謂對象，就是一種無序的數(shù)據(jù)集合，由若干個“鍵值對”（key-value）構(gòu)成。
一、數(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];完整代碼：
<html lang="en"><head><meta charset="UTF-8"><title>項目title>head><body style="background-color: aqua;"><p id="demo">p><script>myObj = {"name": "John","age": 30,"cars": ["Ford", "BMW", "Fiat"]}x = myObj.cars[0];document.getElementById("demo").innerHTML = x;script>body>html>
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):
<html lang="en"><head><meta charset="UTF-8"><title>項目title>head><body style="background-color: aqua;"><p>Looping through arrays inside arrays.p><p id="demo">p><script>var myObj, i, j, x = "";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)*/for (i in myObj.cars) {x += ""
+ myObj.cars[i].name + "";for (j in myObj.cars[i].models) {x += myObj.cars[i].models[j] + "
";}}document.getElementById("demo").innerHTML = x;script>body>html>???
1. 修改數(shù)組值
使用索引號修改數(shù)組:
myObj.cars[1] = "Mercedes";完整代碼：<html lang="en"><head><meta charset="UTF-8"><title>項目title>head><body><p id="demo">p><script>var myObj, i, x = "";myObj = {"name":"John","age":30,"cars":[ "Ford", "BMW", "Fiat" ]};myObj.cars[1] = "Mercedes";for (i in myObj.cars) {x += myObj.cars[i] + "
";}document.getElementById("demo").innerHTML = x;script>body>html>
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)的時候，總會有各種各樣的問題，切勿眼高手低，勤動手，才可以理解的更加深刻。
代碼很簡單，希望能夠幫助你。
-------------------?End?-------------------
往期精彩文章推薦：
歡迎大家點贊，留言，轉(zhuǎn)發(fā)，轉(zhuǎn)載，感謝大家的相伴與支持
想加入前端學(xué)習(xí)群請在后臺回復(fù)【入群】
萬水千山總是情，點個【在看】行不行