var imgData = [

    { name: "p1", src: "images/p1.jpg" },

    { name: "p2", src: "images/p2.jpg" },

    { name: "p3", src: "images/p3.jpg" },

    { name: "p4", src: "images/p4.jpg" },

    { name: "p5", src: "images/p5.jpg" }

   ]

下面這個(gè)函數(shù)可通過(guò)json每行的name來(lái)獲取該行的路徑src，讓我們看一下代碼：

復(fù)制代碼代碼如下:

function getData(name) {

    var picArr = imgData;

    var picSrc;

    for (var i = 0; i < picArr.length; i++) {

  var cur_person = picArr[i];

  if (cur_person.name == name) {

   picSrc = cur_person.src;

  }

 }

 return picSrc;

}

函數(shù)執(zhí)行后將返回該行的src。

復(fù)制代碼代碼如下:

var g = getData("p1");

console.log(g);

輸出后即可看到結(jié)果為：images/p1.jpg

您可能感興趣的文章:

相關(guān)文章

JavaScript變量和變換詳情
這篇文章主要介紹了JavaScript變量和變換詳情，文章基于JavaScript的相關(guān)資料展開(kāi)相關(guān)內(nèi)容需要的小伙伴可以慘一下
2022-04-04
本窗口將在秒后自動(dòng)關(guān)閉
本窗口將在秒后自動(dòng)關(guān)閉...
2006-07-07
JavaScript使用shift方法移除素組第一個(gè)元素實(shí)例分析
這篇文章主要介紹了JavaScript使用shift方法移除素組第一個(gè)元素的用法,實(shí)例分析了javascript中shift方法的使用技巧,需要的朋友可以參考下
2015-04-04
uniapp中如何修改圖標(biāo)和名稱
這篇文章主要給大家介紹了關(guān)于uniapp中如何修改圖標(biāo)和名稱的相關(guān)資料,uni-app是一個(gè)使用Vue.js開(kāi)發(fā)跨平臺(tái)應(yīng)用的前端框架,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下
2023-08-08
JS監(jiān)聽(tīng)事件的疊加和移除功能
這篇文章主要介紹了JS監(jiān)聽(tīng)事件的疊加和移除功能，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2018-11-11
JS獲取圖片高度寬度的方法分享
這篇文章主要介紹了JS獲取圖片高度寬度的方法，開(kāi)始的時(shí)候沒(méi)能做到兼容chrome，在度娘和眾網(wǎng)友的幫助下，最終完成了完美兼容，這里分享給大家，有需要的小伙伴可以參考下。
2015-04-04
layer實(shí)現(xiàn)關(guān)閉彈出層刷新父界面功能詳解
這篇文章主要介紹了layer實(shí)現(xiàn)關(guān)閉彈出層刷新父界面功能,結(jié)合實(shí)例形式分析了使用layui的layer在關(guān)閉彈出層時(shí)刷新父界面的常用實(shí)現(xiàn)技巧與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2017-11-11
JavaScript獲得input元素value值的方法
在頁(yè)面中我們最常見(jiàn)的頁(yè)面元素就是input了,但是我們?nèi)绾斡肑avaScript得到網(wǎng)頁(yè)input中輸入的value值呢,其實(shí)很簡(jiǎn)單,方法也不止一種,今天給大家分享兩種JavaScript獲得input元素value值的方法,感興趣的朋友跟隨小編一起看看吧
2023-10-10
一道關(guān)于JavaScript變量作用域的面試題
這篇文章主要為大家介紹了一道關(guān)于JavaScript變量作用域的面試題，如何解決這道面試題，感興趣的小伙伴們可以參考一下
2016-03-03
JavaScript中json對(duì)象和string對(duì)象之間相互轉(zhuǎn)化
json對(duì)象和string對(duì)象之間的轉(zhuǎn)化已經(jīng)成為了大家耳熟能詳?shù)脑掝}，本人今天就多啰嗦一些他們之間的故事，如有不對(duì)之處，還請(qǐng)各位海涵呢？不多說(shuō)了直切主題
2012-12-12