Javascript 如何从对象数组中搜索内容_Javascript

Javascript 如何从对象数组中搜索内容

javascript

Javascript 如何从对象数组中搜索内容,javascript,Javascript,如何使用纯JavaScript从数据中搜索内容？通过单击按钮完成搜索 <html><head> <meta charset="utf-8"> <title>search</title> </head> <body> <div id="lidynamic"><ul><li id="first">undefined</li><li id="second"

如何使用纯JavaScript从数据中搜索内容？通过单击按钮完成搜索

 <html><head>
 <meta charset="utf-8">
  <title>search</title>
</head>

<body>
<div id="lidynamic"><ul><li id="first">undefined</li><li id="second">Firefox 1.0</li><li id="third">Win 98+ / OSX.2+</li><li id="fourth">1.7</li></ul><ul><li id="first">Tatsman</li><li id="second">Firefox 1.5</li><li id="third">Win 98+ / OSX.2+</li><li id="fourth">1.8</li></ul></div>
<input name="search" type="text" maxlength="512" id="search"    class="searchField" autocomplete="off" title="">
<input type="submit" id="btnsearch">

<script>

var arr = 
      [{
         "engine1": "Gecko",
         "browser": "Firefox 1.0",
         "platform": "Win 98+ / OSX.2+",
         "version": "1.7",

     }, {
         "engine": "Tatsman",
         "browser": "Firefox 1.5",
         "platform": "Win 98+ / OSX.2+",
         "version": "1.8",
     }
      ];


 function list() {
  var uls = [];
   for (var n = 0; n < arr.length; n++) {
    uls.push("<ul><li id='first'>" + arr[n].engine + "</li>" +
        "<li id='second'>" + arr[n].browser + "</li>" +
        "<li id='third'>" + arr[n].platform + "</li>" +
        "<li id='fourth'>" + arr[n].version + "</li></ul>");
    }
    content.innerHTML = uls.join('');
    }     

 var content;
 window.onload = function () {
content = document.getElementById("lidynamic");
list();   
 }

</script>

</body></html>


搜索
未定义的Firefox 1.0
var arr=
[{
“引擎1”：“壁虎”，
“浏览器”：“Firefox 1.0”，
“平台”：“Win 98+/OSX.2+”，
“版本”：“1.7”，
}, {
“引擎”：“鞑靼人”，
“浏览器”：“Firefox 1.5”，
“平台”：“Win 98+/OSX.2+”，
“版本”：“1.8”，
}
];
函数列表（）{
var-uls=[]；
对于（变量n=0；n”+arr[n].引擎+”“+
“”+arr[n]。浏览器+””+
“”+arr[n]。平台+””+
“”+arr[n].版本+””；
}
content.innerHTML=uls.join（“”）；
}     
var含量；
window.onload=函数（）{
content=document.getElementById（“lidynamic”）；
list（）；
}

您可以使用user array.filter

 arr.filter(callback[, thisArg])

从

您可能应该尝试缩小/澄清您的问题，并提供您迄今为止尝试过的示例代码。请指定要执行查询的属性。

 function isBigEnough(value) {
    return value >= 10;
 }
 var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
 // filtered is [12, 130, 44]