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