js簡單遍歷獲取對象中的屬性值的方法示例
更新時間：2019年06月19日 11:18:30 作者：longzhoufeng
這篇文章主要介紹了js簡單遍歷獲取對象中的屬性值的方法,涉及javascript使用for循環(huán)遍歷json對象屬性值的簡單操作技巧,需要的朋友可以參考下
本文實例講述了js簡單遍歷獲取對象中的屬性值的方法。分享給大家供大家參考，具體如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.dbjr.com.cn JS遍歷json屬性值</title>
</head>
<body>
<script>
// js獲取對象中的屬性值
var slideArray = { slides: [
{ "imgsrc": "a.jpg", "url": "", "alt": "這是a圖片" },
{ "imgsrc": "b.jpg", "url": "", "alt" : "這是b圖片" },
{ "imgsrc": "c.jpg", "url": "", "alt": "這是c圖片" },
{ "imgsrc": "d.jpg", "url": "", "alt": "這是d圖片" },
{ "imgsrc": "e.jpg", "url": "", "alt" : "這是e圖片" }]
};
//通過以下的方法可以遍歷js數(shù)組中對象的屬性
for(var i=0; i<slideArray.slides.length; i++) {
console.log(slideArray.slides[i].imgsrc);
}
</script>
</body>
</html>
運行結果：
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
PS：這里再為大家推薦一款JS數(shù)組遍歷方式分析對比工具供大家參考：
在線JS常見遍歷方式性能分析比較工具：http://tools.jb51.net/aideddesign/js_bianli
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript面向對象入門教程》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了微信小程序獲取當前時間及日期的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
本篇文章主要介紹了微信小程序開發(fā)之圓形菜單 仿建行圓形菜單實例，具有一定的參考價值，有需要的可以了解一下。2016-12-12
這篇文章介紹了JS自動適應的圖片彈窗實例代碼，有需要的朋友可以參考一下2013-06-06
這篇文章主要為大家詳細介紹了小程序實現(xiàn)商品屬性選擇或規(guī)格選擇，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
js實現(xiàn)點擊切換checkbox背景圖片的簡單實例
下面小編就為大家?guī)硪黄猨s實現(xiàn)點擊切換checkbox背景圖片的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
JavaScript 手動實現(xiàn)instanceof的方法
instanceof運算符用于檢測構造函數(shù)的prototype屬性是否出現(xiàn)在某個實例對象的原型鏈上，本文重點給大家介紹JavaScript手動實現(xiàn)instanceof的問題，感興趣的朋友跟隨小編一起看看吧2021-10-10
本文詳細介紹了javascript函數(shù)的四種調用模式。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了javaScript代碼飄紅報錯看不懂？讀完這篇文章再試試,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
這篇文章主要介紹了jQuery鼠標懸浮鏈接彈出跟隨圖片實例代碼,需要的朋友可以參考下2016-01-01
這個函數(shù)來自Rico，Longbill及Dnew.cn修改。 說明: 傳入?yún)?shù)一個，為元素的id值或元素本身，返回為元素的真實背景色值（字符串）。背景值均為16進制的值（原代碼是是IE里面返回的是16進制的值，而Mozilla則是rgb值，Dnew.cn將其修改為均返回16進制的值）。2007-12-12