快捷導(dǎo)航

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>chabaoo.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>

運行結(jié)果：

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

PS：這里再為大家推薦一款JS數(shù)組遍歷方式分析對比工具供大家參考：

在線JS常見遍歷方式性能分析比較工具：http://tools.jb51.net/aideddesign/js_bianli

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

詳解微信小程序獲取當(dāng)前時間及日期的方法
這篇文章主要介紹了微信小程序獲取當(dāng)前時間及日期的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
微信小程序開發(fā)之圓形菜單仿建行圓形菜單實例
本篇文章主要介紹了微信小程序開發(fā)之圓形菜單仿建行圓形菜單實例，具有一定的參考價值，有需要的可以了解一下。
2016-12-12
JS自動適應(yīng)的圖片彈窗實例
這篇文章介紹了JS自動適應(yīng)的圖片彈窗實例代碼，有需要的朋友可以參考一下
2013-06-06
小程序?qū)崿F(xiàn)商品屬性選擇或規(guī)格選擇
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)商品屬性選擇或規(guī)格選擇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-03-03
js實現(xiàn)點擊切換checkbox背景圖片的簡單實例
下面小編就為大家?guī)硪黄猨s實現(xiàn)點擊切換checkbox背景圖片的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
JavaScript 手動實現(xiàn)instanceof的方法
instanceof運算符用于檢測構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在某個實例對象的原型鏈上，本文重點給大家介紹JavaScript手動實現(xiàn)instanceof的問題，感興趣的朋友跟隨小編一起看看吧
2021-10-10
javascript函數(shù)的四種調(diào)用模式
本文詳細(xì)介紹了javascript函數(shù)的四種調(diào)用模式。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
javaScript代碼飄紅報錯看不懂？讀完這篇文章再試試
這篇文章主要介紹了javaScript代碼飄紅報錯看不懂？讀完這篇文章再試試,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
jQuery鼠標(biāo)懸浮鏈接彈出跟隨圖片實例代碼
這篇文章主要介紹了jQuery鼠標(biāo)懸浮鏈接彈出跟隨圖片實例代碼,需要的朋友可以參考下
2016-01-01
得到元素真實的背景顏色的js代碼
這個函數(shù)來自Rico，Longbill及Dnew.cn修改。說明: 傳入?yún)?shù)一個，為元素的id值或元素本身，返回為元素的真實背景色值（字符串）。背景值均為16進制的值（原代碼是是IE里面返回的是16進制的值，而Mozilla則是rgb值，Dnew.cn將其修改為均返回16進制的值）。
2007-12-12