javascript - How to search content from an array of objects -
how can search content data using pure javascript? search done using button click.
<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 = []; (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>
you can user array.filter
arr.filter(callback[, thisarg]) from mdn doc ..
function isbigenough(value) { return value >= 10; } var filtered = [12, 5, 8, 130, 44].filter(isbigenough); // filtered [12, 130, 44]
Comments
Post a Comment