Um exemplo a seguir de um objeto para que os usu\u00e1rios pesquisem nela usando palavras \/ frases, retornando os objetos:<\/p>\n
var items = [];\r\nvar obj = {\r\n index: 1,\r\n content: \"This is a sample text to search.\"\r\n};\r\nitems.push(obj);\r\nobj = {\r\n index: 2,\r\n content: \"Here's another sample text to search.\"\r\n};\r\nitems.push(obj);<\/pre>\nFica assim<\/p>\n
<script>\r\nvar items = [];\r\n\r\nvar obj = {\r\n index: 1,\r\n content: \"This is a sample text to search.\"\r\n};\r\n\r\nitems.push(obj);\r\n\r\nobj = {\r\n index: 2,\r\n content: \"Here's another sample text to search.\"\r\n};\r\n\r\nitems.push(obj);\r\n\r\nfunction find(items, text) {\r\n text = text.split(' ');\r\n return items.filter(function(item) {\r\n return text.every(function(el) {\r\n return item.content.indexOf(el) > -1;\r\n });\r\n });\r\n}\r\n\r\nconsole.log(find(items, 'text')) \/\/ both objects\r\nconsole.log(find(items, 'another')) \/\/ object 2\r\nconsole.log(find(items, 'another text')) \/\/ object 2\r\nconsole.log(find(items, 'is text')) \/\/ object 1\r\n\r\n<\/script><\/pre>\n
<\/center>\n*veja no console\u00a0 F12 ou Fn+F12<\/span><\/p>\n <\/p>\n
Veja outro exemplo<\/p>\n
<div id=\"result\"><\/div>\r\n<script>\r\nvar items = [];\r\n\r\nvar obj = {\r\n index: 1,\r\n content: \"aqui tem master e joel\"\r\n};\r\n\r\nitems.push(obj);\r\n\r\nobj = {\r\n index: 2,\r\n content: \"aqui tem joel e tem master\"\r\n};\r\n\r\nitems.push(obj);\r\n\r\nobj = {\r\n index: 3,\r\n content: \"aqui tem joe e mast\"\r\n};\r\n\r\nitems.push(obj);\r\n\r\nfunction find(items, text) {\r\n text = text.split(' ');\r\n return items.filter(function(item) {\r\n return text.every(function(el) {\r\n return item.content.indexOf(el) > -1;\r\n });\r\n });\r\n}\r\n\r\n\/\/como usar\r\nvar x = (find(items, 'master joel'));\r\ndocument.getElementById('result').innerHTML = x.length +' resultados<br>';\r\nii = 0; while(ii < x.length){ document.getElementById('result').innerHTML+= x[ii].content+\"<hr>\"; ii++;}\r\n\/\/ document.getElementById('result').innerHTML+= x[0].content; \/\/ para pegar s\u00f3 o primeiro resultado apague em cima e habilite essa\r\n<\/script>\r\n<\/pre>\n
<\/center>\n <\/p>\n
Outro exemplo, que mostra somente 1.<\/p>\n
<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=iso-8859-1\">\r\n\r\n<input type=\"text\" id=\"text\" onKeyUp=\"myFunction()\">\r\n\r\n<div id=\"result\"><\/div>\r\n<script>\r\nfunction myFunction() {\r\nvar plv = document.getElementById('text').value.split(' ');\r\nvar whiteList = plv; \/\/var whiteList = ['css', 'js'];\r\n\r\nvar events = [{\r\n file: 'css\/style.css',\r\n type: 'js'\r\n}, {\r\n file: 'js\/app.js',\r\n type: 'js'\r\n}, {\r\n file: 'index\/html.html',\r\n type: 'html'\r\n}];\r\n\r\nvar fileList = events.filter(function(event) {\r\n return whiteList.indexOf(event.type) > -1\r\n})\r\n\r\ndocument.getElementById('result').innerHTML= fileList[0].file;\r\n}\r\n<\/script><\/pre>\n
<\/center>\n