快捷導(dǎo)航

js簡(jiǎn)單遍歷獲取對(duì)象中的屬性值的方法示例

更新時(shí)間：2019年06月19日 11:18:30 作者：longzhoufeng

這篇文章主要介紹了js簡(jiǎn)單遍歷獲取對(duì)象中的屬性值的方法,涉及javascript使用for循環(huán)遍歷json對(duì)象屬性值的簡(jiǎn)單操作技巧,需要的朋友可以參考下

本文實(shí)例講述了js簡(jiǎn)單遍歷獲取對(duì)象中的屬性值的方法。分享給大家供大家參考，具體如下：

<!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獲取對(duì)象中的屬性值
  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圖片" }]
  };
  //通過(guò)以下的方法可以遍歷js數(shù)組中對(duì)象的屬性
  for(var i=0; i<slideArray.slides.length; i++) {
    console.log(slideArray.slides[i].imgsrc);
  }
</script>
</body>
</html>

運(yùn)行結(jié)果：

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

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