JavaScript解析json格式數(shù)據(jù)簡單示例
更新時(shí)間：2014年12月09日 11:56:30 投稿：junjie
這篇文章主要介紹了JavaScript解析json格式數(shù)據(jù)簡單示例,本文通過for循環(huán)來獲取json結(jié)點(diǎn)數(shù)據(jù),需要的朋友可以參考下
以下這串json數(shù)據(jù)用來存儲(chǔ)預(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" }
]
下面這個(gè)函數(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
您可能感興趣的文章:
- JavaScript處理解析JSON數(shù)據(jù)過程詳解
- JavaScript中解析JSON數(shù)據(jù)的三種方法
- javascript解析json實(shí)例詳解
- 一個(gè)JavaScript函數(shù)把URL參數(shù)解析成Json對(duì)象
- javascript解析json數(shù)據(jù)的3種方式
- 解析javascript 數(shù)組以及json元素的添加刪除
- JavaScript 解析Json字符串的性能比較分析代碼
- 比較詳細(xì)的關(guān)于javascript 解析json的代碼
- JavaScript轉(zhuǎn)換與解析JSON方法實(shí)例詳解
相關(guān)文章
js實(shí)現(xiàn)倒計(jì)時(shí)及時(shí)間對(duì)象
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)倒計(jì)時(shí)效果及時(shí)間對(duì)象,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了基于JS實(shí)現(xiàn)簡單的樣式切換效果代碼,涉及簡單的javascript控制頁面元素樣式變換的技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09
Bootstrap 是一個(gè)用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。本文給大家介紹BootStrap制作導(dǎo)航條實(shí)例代碼，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
獲取頁面高度，窗口高度，滾動(dòng)條高度等參數(shù)值getPageSize,getPageScroll
獲取頁面高度，窗口高度，滾動(dòng)條高度等參數(shù)值getPageSize,getPageScroll...2006-09-09
這篇文章主要介紹了JavaScript操作cookie類,實(shí)例分析了javascript針對(duì)cookie的設(shè)置、讀取、刪除等常用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了js獲取USB掃碼槍數(shù)據(jù)的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Javascript從數(shù)組中隨機(jī)取出不同元素的兩種方法
這篇文章給大家分享了兩種Javascript從數(shù)組中隨機(jī)取出不同元素的方法，大家可以都學(xué)習(xí)學(xué)習(xí)，這樣更能有助于大家的學(xué)習(xí)和理解，下面來一起看看吧2016-09-09
element-ui 上傳圖片后標(biāo)注坐標(biāo)點(diǎn)
有個(gè)組件庫的名稱叫做element-ui,基于Vue2.0開發(fā),提供了豐富的PC端組件，本文通過實(shí)例代碼給大家介紹element-ui 上傳圖片后標(biāo)注坐標(biāo)點(diǎn)的示例代碼，感興趣的朋友跟隨小編一起看看吧2021-07-07
echarts tooltip自適應(yīng)寬高讓提示框適應(yīng)不同屏幕尺寸demo
這篇文章主要為大家介紹了echarts tooltip自適應(yīng)寬高讓提示框適應(yīng)不同屏幕尺寸,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
js window.onload 加載多個(gè)函數(shù)和追加函數(shù)詳解
本篇文章主要是對(duì)js window.onload 加載多個(gè)函數(shù)和追加函數(shù)進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01