js讀取json對(duì)象中屬性的值？需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。1、首先，打開html編輯器，新建html文件，例如：index.html。2、在index.html中的<sc

js讀取json對(duì)象中屬性的值？

需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的<script>標(biāo)簽，輸入js代碼：varjson={"name":"Alice"，"age":16}document.body.innerText=json.name。

3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)json的對(duì)象的name屬性被成功取到并打印了出來(lái)。

json中怎么取出對(duì)象的屬性值??？

json中取出對(duì)象的屬性值步驟如下：

1、打開vscode，創(chuàng)建一個(gè)測(cè)試頁(yè)面JsonTest.html，用于演示在js中如何獲取json對(duì)象的屬性集合。

2、在測(cè)試頁(yè)面中，定義一個(gè)js變量，將其賦值為json格式的字符串，用于模擬從后臺(tái)返回過(guò)來(lái)的json字符串值，以及后續(xù)轉(zhuǎn)換為json對(duì)象，和獲取其屬性集合。var json = "[{"Col1": "Hello"， "Col2": "World"}， {"Col1": "您好"， "Col2": "世界"}]"。

3、使用js的eval函數(shù)，將json字符串的變量值，轉(zhuǎn)換為json對(duì)象。var $json = eval("(" json ")")

4、得到j(luò)son對(duì)象之后，使用for-in循環(huán)語(yǔ)句，得到j(luò)son對(duì)象的序號(hào)，也就是，這個(gè)json對(duì)象中，還有多少個(gè)子對(duì)象。

5、因?yàn)閖s是弱類型的語(yǔ)言，并不要求json對(duì)象中的每個(gè)子對(duì)象屬性都一樣。所以，在得到序號(hào)之后，使用Object.keys($json[i]) 就能獲取到當(dāng)前json子對(duì)象的屬性集合。

6、如果想要獲取到j(luò)son對(duì)象的每個(gè)具體的列名和值，就需要再加一個(gè)for循環(huán)，遍歷列名，得到列名和值。