js簡(jiǎn)單遍歷獲取對(duì)象中的屬性值的方法示例
本文實(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>www.dhdzp.com 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圖片" }]
};
//通過以下的方法可以遍歷js數(shù)組中對(duì)象的屬性
for(var i=0; i<slideArray.slides.length; i++) {
console.log(slideArray.slides[i].imgsrc);
}
</script>
</body>
</html>
運(yùn)行結(jié)果：
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
PS：這里再為大家推薦一款JS數(shù)組遍歷方式分析對(duì)比工具供大家參考：
在線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é)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
js遍歷獲取表格內(nèi)數(shù)據(jù)的方法(必看)
下面小編就為大家?guī)硪黄猨s遍歷獲取表格內(nèi)數(shù)據(jù)的方法(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
javascript打印html內(nèi)容功能的方法示例
JavaScript在web自動(dòng)化測(cè)試中的作用示例詳解
Auntion-TableSort國人寫的一個(gè)javascript表格排序的東西
分享一個(gè)自定義的console類 讓你不再糾結(jié)JS中的調(diào)試代碼的兼容
使用Three.js?實(shí)現(xiàn)虎年春節(jié)3D創(chuàng)意頁面
