JavaScript解析json格式数据简单示例

前端技术 2023/09/01 JavaScript

以下这串json数据用来存储预加载的图片路径:

复制代码 代码如下:

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\" }
   ]

下面这个函数可通过json每行的name来获取该行的路径src,让我们看一下代码:

复制代码 代码如下:

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;
}

函数执行后将返回该行的src。

复制代码 代码如下:

var g = getData(\"p1\");
console.log(g);

输出后即可看到结果为:images/p1.jpg

本文地址:https://www.stayed.cn/item/2321

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。