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