JavaScript遍歷json對象數據的方法
更新時間：2022年04月23日 10:25:59 作者：農碼一生
這篇文章介紹了JavaScript遍歷json對象數據的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
JSON中，有兩種結構：對象和數組，對象是沒有l(wèi)ength這個屬性，而數組結構是有的，下面說明一下用遍歷方式獲取屬性值的方法。
獲取屬性名、屬性值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var data = { name: '小花', age: '17歲', sex: '男' };
for (var a in data) {
console.log('這是屬性名' + a); /*屬性名*/
console.log('屬性值' + data[a]); /*屬性值*/
};
</script>
</body>
</html>獲取下標值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var a = ['橡膠', '蘋果', '土豆'];
for (var x in a) {
console.log('在數組中的位置 - '+x); /*在數組中的位置*/
console.log('值 - '+a[x]); /*值*/
};
</script>
</body>
</html>到此這篇關于JS遍歷獲取Json屬性值的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
漂亮的widgets，支持換膚和后期開發(fā)新皮膚...2007-04-04
經?？吹讲簧賹Ш骄W站測樣式或js文件后面加了一些參數，主要是一你為一些并不經常更新的頁面重新加載新修改的文件。2010-01-01
這篇文章主要介紹了JSON與js對象序列化,結合實例形式詳細分析了JavaScript與JSON序列化操作的相關實現(xiàn)技巧與注意事項,需要的朋友可以參考下2017-03-03
這篇文章主要為大家詳細介紹了JS實現(xiàn)帶導航城市列表以及輸入搜索功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
下面小編就為大家?guī)硪黄獪\談html轉義及防止javascript注入攻擊的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
在JavaScript中，var用來聲明變量，但是這個語法并不嚴格要求，很多時修改，我們可以直接使用一個變量而不用var聲明它。2009-09-09
webpack DllPlugin xxx is not defined解決辦法
這篇文章主要介紹了webpack DllPlugin xxx is not defined解決辦法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
這篇文章主要為大家詳細介紹了bootstrap表單示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
下面小編就為大家?guī)硪黄猨s判斷輸入的字符串是否是日期格式的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
JavaScript控制輸入框中只能輸入中文、數字和英文的方法【基于正則實現(xiàn)】
這篇文章主要介紹了JavaScript控制輸入框中只能輸入中文、數字和英文的方法,基于正則驗證實現(xiàn)字符輸入限制功能,具有一定參考借鑒價值,需要的朋友可以參考下2017-03-03