如何通过javascript获取基于Json值的数据

Question

我正在尝试根据HTML中元素的id获取值。如何从JSON数组中获取它？我的JSON文件如下所示：

[
{
"product": "gill",
"link": "x.com",
"thumbnail": "gill.jpg"
},
{
"product": "folded",
"link": "y.com",
"thumbnail": "folded.jpg"
}
]

我的JS文件看起来像：

window.onload = function (){
const apiUri = "./test.json";
const urun = document.getElementById("products");
const search = document.getElementById("products").children[0].id;
fetch(apiUri)
.then(response => response.json())
.then(data => {
const Link = document.createElement("a");
const Image = document.createElement("img");

Link.setAttribute("href", data.link);
Image.setAttribute("src", data.thumbnail);
urun.append(Link);
Link.append(Image);
Link.classList.add(element.product);
})
}

我想做的是，如果constsearch=gill，从JSON中获取gill的缩略图值，如果constsearch=folded，则从JSON中获取folded的缩略图值。

你能给我带路吗？

Answer 1

试试这个，

let array = [
{
"product": "gill",
"link": "x.com",
"thumbnail": "gill.jpg"
},
{
"product": "folded",
"link": "y.com",
"thumbnail": "folded.jpg"
}
]
searchString = 'gill',
searchRegExp = new RegExp(searchString , 'i'); // 'i' makes the RegExp ignore case
let result = array.filter(function(e){
return searchRegExp.test(e.thumbnail);
}).map(function(e){
return e.thumbnail; // Will return "['gill.jpg']"
});